2010/05/03

GoogleブログBlogger: 特定ページのみにhtmlソースコードを記述する方法

GoogleブログBloggerで特定ページのみにhtmlソースコードを記述する方法には

Bloggerのコマンドタグb:を使用します。





トップページ

トップページにのみ表示したい場合

<b:if cond='data:blog.url == data:blog.homepageUrl'>
   <!-- ここにHMTLソースコードを挿入 -->
</b:if>
トップページ以外のぺージに表示したい場合

<b:if cond='data:blog.url != data:blog.homepageUrl'>
   <!-- ここにHMTLソースコードを挿入 -->
</b:if>


投稿ページ

投稿ページにのみ表示したい場合 (このコードはよく使用します)

<b:if cond='data:blog.pageType == "item"'>
   <!-- ここにHMTLソースコードを挿入 -->
</b:if>
投稿ページ以外のぺージに表示したい場合

<b:if cond='data:blog.pageType != "item"'>
   <!-- ここにHMTLソースコードを挿入 -->
</b:if>


単体ページ (静的ページ)

単体ページにのみ表示したい場合

<b:if cond='data:blog.pageType == "static_page"'>
   <!-- ここにHMTLソースコードを挿入 -->
</b:if>
単体ページ以外のぺージに表示したい場合

<b:if cond='data:blog.pageType != "static_page"'>
   <!-- ここにHMTLソースコードを挿入 -->
</b:if>


月アーカイブページ

月アーカイブページにのみ表示したい場合

<b:if cond='data:blog.pageType == "archive"'>
   <!-- ここにHMTLソースコードを挿入 -->
</b:if>
月アーカイブページ以外のぺージに表示したい場合

<b:if cond='data:blog.pageType != "archive"'>
   <!-- ここにHMTLソースコードを挿入 -->
</b:if>


指定したURLページ

指定したURLページにのみ表示したい場合

<b:if cond='data:blog.url == "http://xxx.blogspot.com/p/about.html"'>
   <!-- ここにHMTLソースコードを挿入 -->
</b:if>
指定したURLページ以外のぺージに表示したい場合

<b:if cond='data:blog.url != "http://xxx.blogspot.com/p/about.html"'>
   <!-- ここにHMTLソースコードを挿入 -->
</b:if>


メインページと年アーカイブページ

メインページと年アーカイブページにのみ表示したい場合

(言い換えると、ページにタイトルが付いていないページに表示したい場合です。)

<b:if cond='data:blog.pageName == ""'>
   <!-- ここにHMTLソースコードを挿入 -->
</b:if>
メインページと年アーカイブページ以外のぺージに表示したい場合

(言い換えると、ページにタイトルが付いているページに表示したい場合です。)

<b:if cond='data:blog.pageName != ""'>
   <!-- ここにHMTLソースコードを挿入 -->
</b:if>


メインページ、検索ページ、年アーカイブページ、ラベルページ

メインページ、検索ページ、年アーカイブページ、ラベルページにのみ表示したい場合

<b:if cond='data:blog.pageType == "index"'>
   <!-- ここにHMTLソースコードを挿入 -->
</b:if>
メインページ、検索ページ、年アーカイブページ、ラベルページ以外のぺージに表示したい場合

<b:if cond='data:blog.pageType != "index"'>
   <!-- ここにHMTLソースコードを挿入 -->
</b:if>


投稿ページと単体ページ

投稿ページと単体ページに表示したい場合

<b:if cond='data:blog.pageType == "item"'>
   <!-- ここにHMTLソースコードを挿入 -->
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
   <!-- ここに上記と同じHMTLソースコードを挿入 -->
</b:if>
投稿ページと単体ページ以外のぺージに表示したい場合

<b:if cond='data:blog.pageType != "item"'>
  <b:if cond='data:blog.pageType != "static_page"'>
     <!-- ここにHMTLソースコードを挿入 -->
  </b:if>
</b:if>


ラベルページ

ラベルページにのみ表示したい場合

注: 検索ページにも表示されます

<b:if cond='data:blog.pageName != ""'>
  <b:if cond='data:blog.pageType != "archive"'>
    <b:if cond='data:blog.pageType != "item"'>
      <b:if cond='data:blog.pageType != "static_page"'>
        <!-- ここにHMTLソースコードを挿入 -->
      </b:if>
    </b:if>
  </b:if>
</b:if>


ラベルページと月アーカイブページ

ラベルページと月アーカイブページにのみ表示したい場合

<b:if cond='data:blog.pageName != ""'>
  <b:if cond='data:blog.pageType != "item"'>
    <b:if cond='data:blog.pageType != "static_page"'>
       <!-- ここにHMTLソースコードを挿入 -->
    </b:if>
  </b:if>
</b:if>


指定したURLページと、別の指定したURLページ

指定したURLページと、別の指定したURLページにのみ表示したい場合

<b:if cond='data:blog.url == "http://xxx.blogspot.com/p/about.html"'>
   <!-- ここにHMTLソースコードを挿入 -->
</b:if>
<b:if cond='data:blog.url == "http://xxx.blogspot.com/p/contact.html"'>
   <!-- ここに上記と同じHMTLソースコードを挿入 -->
</b:if>
指定したURLページと、別の指定したURLページ以外のぺージに表示したい場合

<b:if cond='data:blog.url != "http://xxx.blogspot.com/p/about.html"'>
  <b:if cond='data:blog.url != "http://xxx.blogspot.com/p/contact.html"'>
     <!-- ここにHMTLソースコードを挿入 -->
  </b:if>
</b:if>


トップページとトップページ以外のページ

トップページにウェルカムメッセージを、トップページ以外のページに別のメッセージを表示したい場合

<b:if cond='data:blog.url == data:blog.homepageUrl'>
   Bloggerカスタマイズ情報ブログへようこそ <!-- トップページに表示するHMTLソースコードを挿入 -->
<b:else/>
   トップページへ戻る <!-- トップページ以外のページに表示するHMTLソースコードを挿入 -->
</b:if>




Bloggerで指定したページにのみコンテンツを表示するコード一覧 | Bloggerカスタマイズ情報ブログ 

4 件のコメント:

  1. 突然コメントすいません。
    bloggerのカスタマイズ情報が少ない中、とても貴重な情報ありがとうございます。

    少しお聞きしたいのですが、

    上記で紹介して頂いています。↓

    指定したURLページと、別の指定したURLページにのみ表示したい場合




    なんですが、何ともうまくいかなくて困っています。
    トップページアドレスをダブルクヲールトで囲むだけでいいのですよね?
    一応上記の様にやっているつもりなんですがうまくいかなくて・・・。

    お時間がありましたらお教え下さい。
    よろしくお願いします。

    返信削除
  2. すいません;;自己解決しました><

    アドレスの最後が、jp では無くて com にすればいいのですね;;

    すいませんでした。

    また分からない事がありましたらよろしくお願いします。

    返信削除
  3. おはようございます
    madoさん

    自己解決できたのですね、良かったです!
    最近、bloggerはjpにURL転送し始めましたよね
    その影響が出てたんですかね

    返信削除
  4. Bloggerに引っ越してソースを調整する際に、大変助かりました!

    返信削除