2013/10/28

Bloggerで、記事の下の外にAdSenseを配置

やってきました?記事下シリーズ第3弾。

「記事下」 「続きを読むの下」に続く、「記事の下の外」編、あとで分かりやすくまとめます。

左カラムの記事よりも外側が、記事が短い時に余ってしまうので、レイアウトでガジェットを追加してみましたが、フッターに入ってしまいます。

記事より外側で、フッターより上に配置するには



 1057行目あたりに、

     <!-- navigation -->
    <b:include name='nextprev'/>


と、書かれている部分の上部に、このブログでは以下のように配置しています。



<div style="float:left;">---ここに広告---</div>
<div style="float:left; margin-left:15px;">
---ここに広告---</div>
<div style="clear:left;"/>

    <!-- navigation -->
    <b:include name='nextprev'/>


divの「"」は、テンプレートを保存する時に自動で、「'」に変更されます。


 *いつものようにGoogle Adsenseから、コードを取得して、そのままでは使えないので、
ペーストする前に文字を変更しておきます。




"&quot;
<&lt;
>&gt; 


AdSenseは、1ページに3つまでしか表示されませんので、このページでは他の広告を表示させています。

他の広告の場合、文字列に「&」が入っていると、エラーがでますので、上の3文字を変更する前に

&  →  &amp;

に、変換しておきます。 




「・・・・・・ホーム・・・・前の投稿」の、ところより

下がいいかなぁとか思って、その後、場所を変更しました。


     <!-- feed links -->
    <b:include name='feedLinks'/>

    <b:if cond='data:top.showStars'>
      <script src='//www.google.com/jsapi' type='text/javascript'/>
      <script type='text/javascript'>
        google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
        function initialize() {
          google.annotations.setApplicationId(<data:top.blogspotReviews/>);
          google.annotations.createAll();
          google.annotations.fetch();
        }
        google.setOnLoadCallback(initialize);
      </script>
    </b:if>
ここに配置しました。




スポンサードリンク