Blogger にてカテゴリやアーカイブをスクロール表示させたい
と言う時があると思います。
イメージ図
ここでは実際にカテゴリ(ラベル)をスクロール表示させてみる手順を紹介します。
Blogger ログイン後、「デザイン」「HTMLの編集」とクリックして行き、
HTML編集ウィンドウを表示させます。
その後「ウィジェットのテンプレートを展開」にチェックを入れ、編集
ウィンドウをクリックした後、Ctrl+F を押し検索ウィンドウを出現させます。
ここでは、下記の文字列をコピ＆ペーストを行い検索しましょう。
type='Label'
見つかった場所から５行ぐらい下に行くと、以下の文字列があるはずです。
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
上の終端 > の直前に半角スペースを打ち込み、以下の文字列をコピーして
貼り付けます。
expr:style='"height:230px; overflow:auto;"'
最終的には以下のようになります。
<div expr:class='"widget-content " + data:display + "-label-widget-content"' expr:style='"height:230px; overflow:auto;"' >
問題がなければプレビューで確認！スクロールが反映されていれば成功です。
なお、スクロールの高さは height:230px の 230px を弄る事により、好みの
高さに変更する事も可能です。
この手順以外でも css の定義を追加する事により簡単に対応出来るのですが、
Blogger テンプレートによっては id が異なる可能性があるため、最も
確実な手順で紹介しました。
実際は css 定義の方が簡単です。
関連リンク
0 件のコメント:
コメントを投稿