2014/04/22

【Blogger】記事タイトル直下にアドセンスを設置したい



こんにちは!ブログを目下研究中のtknriaです!

ブログの見栄えを良くするために、記事タイトルの真下にアドセンス広告を置いたらどうかと思ったんですけど、レイアウトを調整するだけではできないんですよね。

記事タイトルの真上とか、記事本文の下なら設置できるんですけど、どうしても記事タイトル直下が良い。

そんな自分のわがままを叶えるために、HTMLいじってたらできました!



■ Bloggerの記事タイトル直下にアドセンスを設置したい!


※HTMLを編集していくので、自己責任でお願いします!

※HTMLを編集していくので、自己責任でお願いします!

※HTMLを編集していくので、自己責任でお願いします!

※ちなみに僕自身もよくわかっておらず、試行錯誤の結果、よくわからないままできちゃいました。

※ですので、重ねて、自己責任でお願いします!


まずは、以前紹介した「Blogger リンクユニットを配置したい」を参考に、設置したいアドセンスの広告コードをコピーしておきます。



「テンプレート」メニューを選択し、「HTMLの編集」をクリック


「ウィジェットへ移動」から「Blog1」を選択


<b:widget id='Blog1'> という記載がある行まで移動したことを確認


<b:includable id='post' var='post'> という行を探し、左向きの▲をクリックしてコードを展開


<div class='post-header'> もしくは、<div class='post-body entry-content'> という行まで移動


上記タグの間に、最初にコピーしておいた広告コードをペースト


ここでの注意点は、

 「"」→&quot;

 「<」→&lt;

 「>」→&gt;

と変換しておく必要があることです!


ここまで完了すると、


こんな感じに!



■ 億劫なあとがき


表示されない場合は、コードを貼り付ける位置を微妙に変えてみたり、上記の変換が抜けてる部分がないかを見直してみてください!