20120410

Bloggerで画像の枠を消す方法

 
オリジナルHTML
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: $(image.border.small.size);

background: $(image.background.color);
border: 1px solid $(image.border.color);

-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}

.post-body img, .post-body .tr-caption-container {
padding: $(image.border.large.size);
}



 変更後HTML
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: 0px;

background: ffffff;

-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);
box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);
}

.post-body img, .post-body .tr-caption-container {
padding: 0px;
}

画像の枠線を消したくてググったら方法を発見。
"blogger > テンプレート >HTMLの編集 > 続行"でHTMLを編集できます。

変更部分は"command+Fキー" か"CTRL+Fキー"でブラウザの検索を開始して、
".post-body img"辺りでサーチをかけるといいんじゃないかな。


via:2CVmoon



コメントを投稿