Blogger自作ラベルリスト・キャッシュ高速化

ラベルリストを表示する自作テンプレートのjavascriptキャッシュ高速化版です。

ラベル名とラベル件数の一覧です。公開日の新しい順です。Blogger公式ガジェットを使わずjavascriptだけで実現します。テンプレートの</body>の前に書きます。

<script>
/*<![CDATA[*/
function setLabelList(){
  let sumlist=new Array();
  for(let i=0;i<ALLLIST.length;i++) sumlist[ALLLIST[i]['label']]=(sumlist[ALLLIST[i]['label']]||0)+1;
  let html='';
  for(label in sumlist) html+='<li><a href="'+HOSTURL+'/search/label/'+encodeURIComponent(label)+'">'+label+'</a> ('+sumlist[label]+')</li>';
  document.getElementById('LabelList').innerHTML='<ul>'+html+'</ul>';
}
/*]]>*/
</script>

以下のhtmlをテンプレートのラベル一覧を表示したい位置に書きます。

<section class='widgethtml'>
  <h3 class='widgettitle'>ラベル</h3>
  <nav id='LabelList' class='widgetbody'/>
</section>

HTMLサイトマップを読み込んだ後の処理のjavascriptは以下になります。

<script>
function mainMenu(){
  setLabelList();
}
</script>

キャッシュ高速化には以下の変更も必要です。
Blogger自作テンプレートのキャッシュ高速化