バックナンバーのリスト表示をやめる

この記事の手法にはプルダウン表示をする方法もあります。


バックナンバーへのリンク(過去の月別のリンク)が多くなってきたのでリスト表示(縦並び)をやめようと思います。
まだ半年か一年ですが将来どうなるか分かりません(私が別に実施しているブログでは69か月分!)。
かと言ってまったく表示しないのも寂しい。
横並びにします。

例えば
2005.01
2004.12
2004.11
2003.10
と縦に並んでいるのを
2005.01 2004.12 2004.11 2003.10
のように横に並ぶようにします(端までくると自動的に折り返します)。

(1)
新しい私リストを作ります。
リストのタイプは「リンク」にします。
リストの名前は「<!--バックナンバー-->」などとします。任意です。
コメント(<!-- -->)にしておくとよいです。

(2)
設定-高度な設定で「メモを表示」を選びます。

(3)
管理-メモのところに次のスクリプトを貼り付けてください。

<script>
var flg;
var new_inner;
var obj_ul=this.document.getElementsByTagName('ul');
for(var i=0;i<obj_ul.length;i++){
  flg=false;
  new_inner="";
  var obj_li=obj_ul[i].getElementsByTagName('li');
  for(var j=0;j<obj_li.length;j++){
    var obj_li_inner=obj_li[j].innerHTML;
    var obj_a=obj_li[j].getElementsByTagName('a');
    if((obj_a.length==1)&&(obj_li_inner.match(//..../../index.htm/))){
      flg=true;
      new_inner=new_inner+obj_li_inner;
    }
  }
  if(flg==true){
    obj_ul[i].innerHTML=new_inner;
  }
}
</script>

(4)
デザインの編集-表示項目で「<!--バックナンバー-->」にチェックを入れます。

(5)
デザインの編集-並べ方で「<!--バックナンバー-->」を、元々ある「バックナンバーへのリンク」より下にセットします。

期待通り表示されるか確認してください。
ブログ人の無料コース(はじめの一歩)でもできるテクニックです。

関連記事

[2005-01-22(Sat)]

デジタル・インターネット

ヨドバシカメラ | 新しいブログを始める

© 2014 You Look Too Cool