don't cut corners

以前書いた記事seesaaブログ　HTMLとかCSSとか変更したのに、あれ？変わってないぞって時に押すボタン
で以外にもcssを更新したのにブログが反映されないってのは他の原因もあったので覚書として。

１、ＣＳＳの中にある「}」が消えている
---------------------------------
.box-left,
.box-right {
overflow: hidden;
height: auto;
}

.box-left img {
float: left;
margin: 0 15px 0 0 !important;
padding: 0 !important;
border: 0 !important;
}
---------------------------------
↓赤い部分が消えると機能しない。
---------------------------------
.box-left,
.box-right {
overflow: hidden;
height: auto;


.box-left img {
float: left;
margin: 0 15px 0 0 !important;
padding: 0 !important;
border: 0 !important;
}

２．コメントアウト「*/」の直前が全角文字
/*コメントを全角文字でいれます*/　

半角を「*/」の前に入れるとちゃんと機能します。
/* コメントを全角文字でいれます */　

英文字だと問題なく機能します
/*comment*/　

こんなのにかなり時間を食ってしまった・・
ただ単純にソース間違っているたぐいのものだけれど、
結構見落としてしまうのです。

ブログに写真と文章をＣＳＳの設定できれいに配置させるため方法を
まとめておきます。縦に伸びる写真リストを作るときとかに便利かと。


↓CSSには下記のソースを追加。

.box-left,
.box-right {
   overflow: hidden;
   height: auto;
}
 
.box-left img {
   float: left;
   margin: 0 15px 0 0 !important;
   padding: 0 !important;
   border: 0 !important;
}
 
.box-right img {
   float: right;
   margin: 0 0 0 15px !important;
   padding: 0 !important;
   border: 0 !important;
}
 
.box-left p,
.box-right p {
   overflow: hidden;
   height: auto;
}

↓左側に写真を入れる場合はこんな感じ




↓ソースはこんな感じ

   
   写真のタイトル

   写真の説明を入れます。あいうえおかきくけこ

↓右側に写真を入れる場合はこんな感じ

↓ソースはこんな感じ

   
   写真のタイトル

   写真の説明を入れます

URLを入力するだけで無料でアクセスアップが期待できる。
ping送信サイトを紹介します。

pingzone
http://www.pingzone.jp/

やり方は簡単。
�@にブログのURLを入力
�Aのボタンを押してしばらく待つだけ。
一応ブログのみのサービスのようです。

自分が運営するブログいくつかで試してみましたが、
すべて効果が上がっていました。
ただ確証はないです。この作業をしたら確実に
アクセスアップにつながるとは言えませんが試してみる価値はあると思います。