『ＣＳＳ またまたやってくれちゃいました 記事下広告』

遅くなってすみません

昨日のうちにやろうと思ったのですが・・

寝ちゃったものですから・・

また記事下広告に手が入れられましたね・・

ピグなどで増収なんですから

いい加減にブログの広告を減らしたらいかがなもんでしょうか？

アメブロの一番のダメなところ・・って聞いて

ほとんどのみなさまが「広告が多すぎる」と・・答えるのではないでしょうか？

なんか・・数うちゃ当る方式？で・・

コレでもか！ってくらい広告だらけなんですが・・

Wikipediaによると？
サイバーエージェントはインターネット広告代理店事業を主とする企業らしい？

インターネットの広告を扱う会社なのにいっぱい広告をつけて拒否反応を起こされているのはいかがなもんなんでしょう？

インターネット広告ならもっとスマートに出来るのではありませんか？

あなたなら出来ます！

もっと効率のいい広告を考えてください・・・

と・・いっても最近はGoogleに広告まかせちゃっているからな・・・

Wikipediaも書き直さないとダメなのかも・・

で・・・・

ここのブログのＣＳＳを使って↑こうなっちゃっている方・・

元の記事は　CSS　広告の本とモグラのアイコン　です

ＣＳＳの編集で・・

/*記事下　本*/
.gadBox#general div#adCount0 #gAdTitle0,
.gadBox#general div#adCount1 #gAdTitle1,
.gadBox#general div#adCount2 #gAdTitle2,
.gadBox#general div#adCount3 #gAdTitle3,
.gadBox#general div#adCount4 #gAdTitle4{
background-image:url(画像のURL );
}
/*記事下　本　マウスがのった時*/
.gadBox#general div#adCount0.blockhoverGeneral #gAdTitle0,
.gadBox#general div#adCount1.blockhoverGeneral #gAdTitle1,
.gadBox#general div#adCount2.blockhoverGeneral #gAdTitle2,
.gadBox#general div#adCount3.blockhoverGeneral #gAdTitle3,
.gadBox#general div#adCount4.blockhoverGeneral #gAdTitle4{
background-image:url(画像のURL );
} /*ブログ下モグラ*/
.gadBox#gadFooter #adCount0_footer{
background-image:url(画像のURL );
}

↑この部分を探して削除下さい
（ブログ下のモグラもこのＣＳＳでは効きませんのでついでに削除します）
すると・・↓このようにアイコンが消えます

でも・・やっぱりアイコン付けたいって～方は・・赤字は削除して青時部分を加えます

background-repeat:no-repeat;
padding:3px 0 2px 20px;/*上右下左*/
text-decoration:none;
}
/*記事下　本　マウスがのった時*/
.gadBox#general div#adCount0.blockhoverGeneral #gAdTitle0,
.gadBox#general div#adCount1.blockhoverGeneral #gAdTitle1,
.gadBox#general div#adCount2.blockhoverGeneral #gAdTitle2,
.gadBox#general div#adCount3.blockhoverGeneral #gAdTitle3,
.gadBox#general div#adCount4.blockhoverGeneral #gAdTitle4{
background-image:url(画像のURL );
} /*ブログ下モグラ*/
.gadBox#gadFooter #adCount0_footer{
background-image:url(画像のURL );
}

もし・・上のＣＳＳを使っていなくて新にアイコンを付けたい方は・・ＣＳＳの最後に・・

/*記事下広告*/
.gadBox#general div#adCount0 #gAdTitle0,
.gadBox#general div#adCount1 #gAdTitle1,
.gadBox#general div#adCount2 #gAdTitle2,
.gadBox#general div#adCount3 #gAdTitle3,
.gadBox#general div#adCount4 #gAdTitle4{
background-image:url(画像のURL );
background-repeat:no-repeat;
padding:3px 0 2px 20px;/*上右下左*/
text-decoration:none;
}

ついでに下線も消して・・↓こうなります

もし・・アイコンはいらないけど下線も消したいって場合は・・

・・・・・

なんか間が空きすぎじゃありませんか？

div.blockGeneral,
#talent div.blockTarent,
#gadBox.talent div.blockTarent,
#gadBox.adList div.blockGeneral,
#gadBox.general div.blockGeneral{
margin-top:0;
}
.gadDescription,
#gadBox.talent .gadDescription,
#gadBox.adList .gadDescription,
#gadBox.general .gadDescription{
padding:0;
}

これでスキマがつまります（アイコンつけていない場合も）

記事の背景に画像で枠を付けられている方・・

記事下広告の部分で背景画像が切れちゃう場合は・・

#advertising2{

width:380px;

}

とかで・・広告の幅を少し狭くしてください

ブログ画像一覧を見る

このブログをフォローする

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦！

ＣＳＳ またまたやってくれちゃいました 記事下広告

ＣＳＳ　またまたやってくれちゃいました　記事下広告