2010/10/05

Blogger リンクリストをスクロールさせる

 
Blogger のガジェット、リンクリストをスクロール表示させる手順を
紹介します。
 
画面イメージ
blogger_linklist
 
前回の カテゴリや月別記事をスクロールさせる で紹介したカスタマイズ手順と
ほぼ変わりません。
 
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 を弄る事により、好みの
高さに変更する事も可能です。
 
高さが大きすぎると当然スクロールは出来ないのでご注意ください。
 
 
関連リンク
 
 

0 件のコメント:

コメントを投稿