Blogger:レイアウト編集(2)トップページだけに表示されるガジェット

2013-04-30

旧ブログ

t f B! P L

前の関連記事:レイアウト編集(1)二列にガジェットを表示させる

トップページのみに表示されるセクションを作る



ガジェット用とリッチテキスト用のセクションが作成されます。


トップページでブログタイトルに表示されているガジェットとテキストが記事を見るときは表示されません。


管理画面→テンプレート→HTMLの編集

Ctrl+F(Chromeの場合)で検索窓をだしてcrosscol-overflowで検索します。

      <b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>

下の行に次をコピペ。

<b:if cond='data:blog.url == data:blog.homepageUrl'>
 <b:section class='tabs' id='crosscol-homepage' showaddelement='yes'>
  <b:widget id='HTML1' locked='false' title='Add title if you want to' type='HTML'/>
 </b:section>
</b:if>


「テンプレートを保存」ボタンをクリック。

(2018.1.16追記。<b:if cond='data:blog.url == "https://p--q.blogspot.jp/"'>というようにURLを文字列で入れる方法はうまくいきませんでした。特定のページにだけ表示させたいというような場合はJavaScriptで処理する必要があるようです。とりあえずは<b:if cond='data:blog.pageName == "ページタイトル"'>で対応しました。)

参考にしたサイト


Blogger Buster: How to Add a Featured Content Section on your Blog's Home Page
トップページのみに表示されるセクション

次の関連記事:レイアウト編集(3)普通のウェブページを作成

ブログ検索 by Blogger

Translate

最近のコメント

Created by Calendar Gadget

QooQ