2010/09/04 Blogger のカテゴリや月別記事をスクロール表示させる

 

Blogger にてカテゴリやアーカイブをスクロール表示させたい

と言う時があると思います。

 

イメージ図

 

ここでは実際にカテゴリ(ラベル)をスクロール表示させてみる手順を紹介します。

 

 

Blogger ログイン後、「デザイン」「HTMLの編集」とクリックして行き、

HTML編集ウィンドウを表示させます。

 

その後「ウィジェットのテンプレートを展開」にチェックを入れ、編集

ウィンドウをクリックした後、Ctrl+F を押し検索ウィンドウを出現させます。

 

ここでは、下記の文字列をコピ＆ペーストを行い検索しましょう。

 

type='Label'

 

見つかった場所から５行ぐらい下に行くと、以下の文字列があるはずです。 

 

<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>

 

上の終端 > の直前に半角スペースを打ち込み、以下の文字列をコピーして

貼り付けます。

 

expr:style='&quot;height:230px; overflow:auto;&quot;' 

 

最終的には以下のようになります。 

 

<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;' expr:style='&quot;height:230px; overflow:auto;&quot;' >

 

問題がなければプレビューで確認！スクロールが反映されていれば成功です。

 

 

なお、スクロールの高さは height:230px の 230px を弄る事により、好みの

高さに変更する事も可能です。

 

この手順以外でも css の定義を追加する事により簡単に対応出来るのですが、

Blogger テンプレートによっては id が異なる可能性があるため、最も

確実な手順で紹介しました。

 

実際は css 定義の方が簡単です。

 

関連リンク

・blogger の「ホーム 前の投稿 登録: 投稿 (Atom)」を消す

・自分のサイト内を Google 検索出来る「検索ボックス」を追加する

・Blogger で記事の投稿日付を表示させない方法

・Blogger の新エディタのバグ？

・Blogger バックアップは取っておこう