2010/10/05 Blogger リンクリストをスクロールさせる

 

Blogger のガジェット、リンクリストをスクロール表示させる手順を

紹介します。

 

画面イメージ

 

前回の カテゴリや月別記事をスクロールさせる で紹介したカスタマイズ手順と

ほぼ変わりません。

 

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

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

 

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

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

 

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

 

type='LinkList'

 

 

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

 

<div class='widget-content'>

 

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

貼り付けます。

 

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

 

 

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

 

<div class='widget-content' expr:style='&quot;height:60px; overflow:auto;&quot;'>

 

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

 

 

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

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

 

高さが大きすぎると当然スクロールは出来ないのでご注意ください。

 

 

関連リンク

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

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

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

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

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