RSSアイコンを変える

このブログのサイドバーの下のようにＲＳＳアイコンを変えちゃいます

旧ベーシックスキンと違って今度はＣＳＳなのにフリースペースも使わないとうまくいきません・・

ＲＳＳ画像を用意します（新デザインは2.0だけです）

　　　　

　　　　　

RSSアイコン - 無料RSS画像・RSS作成サービス

RSSアイコンを無料で作ることができます

画像の用意ができたらＣＳＳです

.skinSubA .rss {
width:135px;/*注*/
text-align:center;
}
a.rssBtn{
background-image:url(画像のＵＲＬ);
width:135px;/*画像の横*/
height:18px;/*画像の縦*/
background-position:center top;
padding:0 0 6px;
}

注　
125px・RSS画像の横幅・著作権画像の横幅のうちで一番大きなサイズを入れます

RSS画像の横幅が80pxで著作権画像は使わない場合は　width:125px;
RSS画像の横幅が135pxで著作権画像は使わない場合は　width:135px;
RSS画像の横幅が80pxで著作権画像の横幅が200pxなら　width:200px;

新しいデザインではフリースペースにもＣＳＳを書かないとIEでうまく表示されません(T_T)

フリースペースに

もし・・・著作権部分も画像にしたい場合は・・・

画像を用意してＣＳＳです

.rssDescription a{
background-image: url(画像のＵＲＬ);
width:80px;/*画像の横*/
height:64px;/*画像の縦*/
background-repeat:no-repeat;
margin:0 auto;
}

前のフリースペースに赤字部分を追加します

<style type="text/css">.skinFieldBlock a.rssBtn,.skinFieldBlock .rssDescription a{display:block!important;text-indent:-9999px!important;}</style>

新・アメブロ向上企画書　アメブロの「CSS編集用デザイン」のカスタマイズ

アメブロの新スキン（CSS編集用デザイン）のカスタマイズ
アメーバブログをＣＳＳでカスタマイズして自分だけのオリジナルなデザインでアメブロを楽しんでください

RSSアイコンを変える