2013年8月26日月曜日

Bloggerカスタマイズメモ

◆タイトルを表示を「記事タイトル:ブログタイトル」に変更

この部分を
<title><data:blog.pageTitle/></title>
 こう変える
    <b:if cond='data:blog.pageType == "item"'>
      <title><data:blog.pageName/> - <data:blog.title/></title>
    <b:else/>
      <title><data:blog.pageTitle/></title>
    </b:if>



◆ヘッダーの右側に広告など表示

この部分の前後に(3番目かな?)
<b:include name='title'/>
次の文を入れる
<div style='float: right; width: 728px;'>
広告スクリプト
</div>
なお広告スクリプトがjavascriptとか「<」とかある場合そのままでは動かないので下記のようなサイトでエンティティ変換する必要がある

http://www.motohasi.net/Misc/HTMLConv.php

動かない場合はメモ帳などで
< を &lt;
> を &gt;
" を &quot;
に変換

◆記事の下に広告表示&個別ページのみに表示

<data:post.body/>で検索し2個目の所を

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
広告
<b:else/>
<data:post.body/>
</b:if>

に置き換える

if文では個別記事かどうか判別している
これがないと一覧表示でそれぞれ広告が呼び出されてしまう
広告表示上限がない場合は良いが、1ページ何個までと規制がある場合BANの対象になるので
個別記事判別で一度しか表示されないようにする

◆ウィジェットの中央揃え
ウィジェットでAdsenseを選ぶと左寄せになるので
htmlでAdsenseウィジェット部分を検索してクリックしてソース展開
<div に align="center" 追加で解決

◆モバイルでAdsense表示
ウィジェットで一つでもAdsense追加していれば自動でモバイルの上下に表示される
Adsenseウィジェット使わずにHTMLウィジェットなどで表示しているとモバイルには表示されない


0 件のコメント: