2014年1月12日日曜日 ｜ BLOG運用メモ

Blogger：テンプレートを編集して 記事別表示 で表示する項目を選択する

BLOGGER のテンプレートを最近少し編集していますが
「インデックス表示」 と「記事別表示」で表示させる項目を変更したいなあと
思っていたので、ちょっと調べてみました。
どこかに書いておかないと、すぐに忘れてしまうのでメモしておきます。

０．テンプレート編集の方法
　一応作業メモとして

　０－１．Blogger の編集画面を開きます。
　　　　　左側に「テンプレート」の項目があるので選択します。

２－２．「ブログで使用中」の下の「HTMLの編集」を押します。

２－３．テンプレートが表示されます。
　　　　ごちゃごちゃと訳の解らん英数字が並びます。

　　一度、キーボードの「CTRL」 ＋「A」などで文字を全選択→コピーして
　　メモ帳などに張付けておく、バックアップ作業をしておく事を勧めます。

１．表示の変更

　テンプレート内の html や CSS やタグを、下記のタグで括ります。 

　記事別のみに表示する場合
　  <b:if cond='data:blog.pageType == "item"'>○○○</b>

　月別アーカイブのみに表示する場合
 　<b:if cond='data:blog.pageType == "archive"'>○○○</b>

　メインページのみに表示する場合 
　　検証したところ「年別アーカイブ」と「ラベルページ」も
　　タイプ index に含まれるようです。
 　<b:if cond='data:blog.pageType == "index"'>○○○</b>

　なお、== を != にすると、対象以外のページに表示される事になります。

２．検証してみる。

　テンプレートに下記の記述をして、ブログを表示させてみます。

   <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='separator' style='clear: both; text-align: center;'>
      <font color='red'>記事別表示だよ</font>
    </div></b:if> 

結果。

****.blogspot.com/ での表示内容。

http://****.blogspot.jp/2014/01/****.html での

記事別一覧での表示内容。

　記事別のみに表示されました！！

　なお画像のブログは閉鎖しました。

スポンサードリンク