BloggerのMyExtraNewsテンプレートで記事のタイトル下にGoogle Adsenseを設置する方法

2015年5月31日

私がBloggerで使用しているMyExtraNews テンプレートで記事のタイトル下にGoogle Adsenseを設置したのでその方法をご紹介します。
他のBlogger用テンプレートでも応用が利くと思いますので、参考にしていただければと思います。

Adsenseのコードをテンプレートに貼り付けできるように加工する

Adsenseのコードをそのままテンプレートに貼り付けてもうまく動作しません。
テキストエディタの置き換えの機能などを使い、以下の記号を変換しておきます。

< を &lt;
> を &gt;
” を &quot;

個別ページの記事のタイトル下のみに設定する

上記のコードをテンプレートに貼り付けると、個別ページはもちろん、トップページにも表示されてしまいます。
個別ページのみに表示されるようにするには

<b:if cond=”data:blog.pageType == &quot;item&quot;”>
変換したコード
</b:if>

上記のタグで先ほどの変換したコードを囲みます。

コードを貼り付ける場所は?

※万が一のことを考えて、必ずテンプレートのバックアップを取っておきましょう。
書いてある意味がよくわからない方は、この操作はしない方が無難です。
Bloggerの「マイブログ」>「テンプレート」>「HTMLの編集」から以下の部分を探します。

<div class=’post-author vcard’>
<b:if cond=’data:post.authorProfileUrl’>
<span class=’fn’>
<a expr:href=’data:post.authorProfileUrl’ itemprop=’author’ rel=’author’ title=’author profile’>
<data:post.author/>
</a>
</span>
<b:else/>
<span class=’fn’ itemprop=’author’ rel=’author’ title=’author profile’><data:post.author/></span>
</b:if>
</div>
</div>

ちなみにこの部分はBloggerの著者の部分になります。

この下に上記のコード

<b:if cond=”data:blog.pageType == &quot;item&quot;”>
変換したコード
</b:if>

を貼り付けて、保存すると完了です。