BloggerのMyExtraNewsテンプレートで記事のタイトル下にGoogle Adsenseを設置する方法
私がBloggerで使用しているMyExtraNews テンプレートで記事のタイトル下にGoogle Adsenseを設置したのでその方法をご紹介します。
他のBlogger用テンプレートでも応用が利くと思いますので、参考にしていただければと思います。
Adsenseのコードをテンプレートに貼り付けできるように加工する
Adsenseのコードをそのままテンプレートに貼り付けてもうまく動作しません。
テキストエディタの置き換えの機能などを使い、以下の記号を変換しておきます。
< を <
> を >
” を "
個別ページの記事のタイトル下のみに設定する
<b:if cond=”data:blog.pageType == "item"”>
変換したコード
</b:if>
コードを貼り付ける場所は？
<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 == "item"”>
変換したコード
</b:if>
を貼り付けて、保存すると完了です。
