[Blogger新テーマ]「ラベル」ガジェット 用デフォルトマークアップ

blogger-template-resources/v2/javascript-template/data/Label.html at main · tmpmachine/blogger-template-resources · GitHub
https://github.com/tmpmachine/blogger-template-resources/blob/main/v2/javascript-template/data/Label.html

こちらのコードを利用しました

Code

      <b:defaultmarkup type='Label'>
    <b:includable id='main' var='this'>  

          <h3 class='title'>
            <b:eval expr='data:title ? data:title : &quot;Label&quot;'/>
          </h3>      

<ul>

        <b:loop values='data:labels' var='label'>
            <li><a expr:href='data:label.url'>
                <data:label.name/>
                [<data:label.count/>]
            </a></li>
        </b:loop>

</ul>

    </b:includable>
      </b:defaultmarkup>

赤字が追加部分(ラベルカウントの括弧は変更)

Blogger新テーマと旧テーマのガジェットのタイトルタグの違い で、新テーマは見出しがh3になると述べましたが、デフォルトマークアップを変更すれば見出しタグの変更も可能になります。

CSS

.Label ul {
  list-style-type: none;
  padding-left: 0px;
}
.Label li {
  display: inline;
}

現在デモ > https://development-for-blogger.blogspot.com/

関連エントリ

• [Blogger][新テーマ]「ラベル」ガジェット 暫定CSS