［Blogger］「ブログ アーカイブ」のガジェットを追加する

Bloggerでブログを作って、テンプレートを指定してレイアウトを確認すると「ブログ アーカイブ」のガジェットが大体付いてます。

ガジェットのメンテナンスは「レイアウト」のページから行えるのですが、「ブログ アーカイブ」のガジェットは一度削除してしまうと「ガジェットの追加」メニューには出てこないので再度「ブログ アーカイブ」のガジェットを付けることができなくなります。

これを再度追加するには、HTMLのコードを追加する必要があります。（※作業前のバックアップは強くおすすめしておきます。）

追加方法
「テンプレート」を開いて「HTMLの編集」を選択します。

ここでガジェットのコードの書かれている部分を探します。
ガジェットの一つ一つは<b:widget id='ガジェット名'>～</b:widget>で囲まれています。
左側にある［▸］印で詳細コードを開いたり、また反対に閉じたりすることもできますが、そのままの表示状態で探す方が良い気がします。

で、他のガジェットが並んでいるあたり（上の図の部分）に「ブログ アーカイブ」用の下記のコードを追加します。

ブログ アーカイブ用のコード

  <b:widget id='BlogArchive1' locked='false' title='ブログ アーカイブ' type='BlogArchive'>
    <b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>
    <b:includable id='flat' var='data'>
  <ul class='flat'>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
  </ul>
</b:includable>
    <b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='i'>
      <ul class='hierarchy'>
        <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
          <b:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </li>
      </ul>
  </b:loop>
</b:includable>
    <b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
  </select>
</b:includable>
    <b:includable id='posts' var='posts'>
  <ul class='posts'>
    <b:loop values='data:posts' var='i'>
      <li><a expr:href='data:i.url'><data:i.title/></a></li>
    </b:loop>
  </ul>
</b:includable>
    <b:includable id='toggle' var='interval'>
  <b:if cond='data:interval.toggleId'>
  <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy toggle-open'>&#9660;&#160;</span>
    </a>
  <b:else/>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy'>
        <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
          &#9668;&#160;
        <b:else/>
          &#9658;&#160;
        </b:if>
      </span>
    </a>
  </b:if>
 </b:if>
</b:includable>
  </b:widget>

これも<b:widget id='ガジェット名'>～</b:widget>で囲まれたコードになっています。要はブログを新しく作ったときについている「ブログ アーカイブ」のコードをそっくり貼り付けています。

まるとん

---

Blogger Tips のページに戻る