プチbloggerいぢり

出店者さま募集の告知を毎回入れるのは大変なので
固定ページを作ってそれを
TOPページに常時表示させることにしました。
これは正直それ程難しくないですね。
5分もかからずにカスタマイズ完了です。

まずは『レイアウト』から『ブログの投稿』の上に
TEXTガジェットを追加します。

彫刻屋猫の爪のブログ

出店者さま募集中です
イベント名：　Joy Marché in 緑井
開催日時：　11月24日（日）11時より16時まで
会場：　緑井学区集会所（緑井スカイステージ2F）

詳細はイベント用ブログ『Joy Marché』内、
Joy Marché in 緑井でご確認ください。

名前の通り楽しいイベントにすべく、
皆さまの力をお貸しください。

今回の場合はこの部分ですね。
続いて『テンプレート』から『HTMLの編集』に入り
ウィジェットへ移動して以下の記述を追加。

<b:if cond='data:blog.url == data:blog.homepageUrl'>
</b:if> 

これでTOPページのみに固定ページを表示させました。
ついでにそのままだと少しとってつけた感があるので
ガジェットの背景色を変更することに。

『テンプレート』から『カスタマイズ』→『上級者向け』で
以下のCSSを追加します。

.gadgetbg{background:#fdf5e6;}

さらにまたまた『テンプレート』から『HTMLの編集』に入り
ウィジェットへ移動したのち以下の記述を追加。

<div class='gadgetbg'>
</div>

これでガジェットの背景色も変更できました。
ってことで出店者さま募集中です。（汗

以下いつもの通り私のメモ用として

==================================================================

▼固定ページ(TEXTガジェット）をTOPページにのみ表示させる

------------------------------------------------------------------

TEXTウィジェット
　907行付近

-------------------------------------------------------------------

変更前

-------------------------------------------------------------------

              <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

-------------------------------------------------------------------

-------------------------------------------------------------------

変更後

-------------------------------------------------------------------

              <b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:if>

-------------------------------------------------------------------

==================================================================

▼ガジェットの背景色を変更

------------------------------------------------------------------

CSS追加

------------------------------------------------------------------

.gadgetbg{background:#fdf5e6;}

------------------------------------------------------------------

------------------------------------------------------------------

TEXTウィジェット
　同じく907行付近

-------------------------------------------------------------------

変更前

-------------------------------------------------------------------

              <b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:if>

-------------------------------------------------------------------

-------------------------------------------------------------------

変更後

-------------------------------------------------------------------

              <b:includable id='main'>
<div class='gadgetbg'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:if>
</div>

-------------------------------------------------------------------