過去の投稿記事 new!
・【画像】漫画でわかる外国人参政権
・東京電力のHPで停電状態が確認できたり(サービス再開!)
・戦国時代 ~ 江戸時代の徳川家康が熱かった
・vaio のバッテリは寿命が短いような気がする
・話題の Western Digital 製 WD20EARS を購入した
・C01LC をビックカメラで買ってきた
・2025年には空中都市が現実化?!
・【動画】わかりやすい「宇宙ひも理論」
・今世紀には「富士山噴火」「東海連動地震」「首都圏直下型地震」か?
・滅びた町、南浜町が Googleストリートビューで見れる

【 amazon 送料無料キャンペーン 】

バックリンクはご自由にどうぞ!     http://mfsocket.blogspot.com/feeds/posts/default?alt=rss リンク集 / ログイン

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 コメント:

  • コメントには <b>, <strong>, <em>, <i>, <a> など一部の HTML タグを使用できます。