bloggerで関連記事一覧を表示する

　アーカイブやラベルの記事一覧は、その後ろに全記事が表示されるので、どうしようか悩んでいるが、関連記事の一覧はどうしても実装したかったので、またまたクリボウさんのサイトの『Blogger で「関連記事」リストを表示する 2 つの方法』の記事を参考にさせてもらいました。



　２つある方法の１つ目、ラベルごとの記事一覧を利用させていただきました。ｈｔｍｌ編集の「ウェジェットのテンプレート展開」で、<b:includable id='main' var='top'>の下に、



<b:includable id='related-posts' var='posts'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>
<div class='widget-content'>
<h3>関連記事:</h3>
         
・
・
・

   var test = 0;
       for (var i = 0; i &lt; labelArray.length; i++)
       if (labelArray[i] == textLabel) test = 1;
       if (test == 0) {
          labelArray.push(textLabel);
          var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
                 labelArray.length : maxNumberOfLabels;
           if (numLabel &lt; maxLabels) {
             search10(homeUrl3, textLabel);
             numLabel++;
          }
       }
     </b:loop>
   </b:loop>
   </script>
</div>
</div>
</b:if>
</b:includable>



　のソースを貼り、テキストエリア・・・二つある<div style='clear: both;'/> <!-- clear for photos floats -->の一つ目のほうの次の行に<b:include data='posts' name='related-posts'/>を貼って完成。当ブログの個別記事をクリックすると下記のように、

　ラベル別の関連記事が表示されるようになった。ただもう一回ウェジェットのテンプレート展開を展開すると、関連記事のソースは、




<data:top.commentLabelPlural/></b:if></a>
            </b:if>
          </b:if>
        </b:if>
      </div>
    </div>
  </div>
</b:includable>




　の下にあるのはなんでだろう？元の位置から移動してる。。。

関連記事: