無料ブログ・ホームページの作り方を図解。超初心者も楽々プログ・ホームページとアフェリエイト(アドセンスも)を簡単マスター！

いつもの管理画面から,

プラグインの設定 ⇒ プラグインの追加 ⇒ その他プラグイン ⇒ フリーエリア⇒追加 します

今追加した「フリーエリア」の　HTMLの変更 をクリックします。

開いたHTMLの「窓」に下のピンクのコードを書き込みます。
 
<div style="height:200px; <!--縦のサイズの設定-->
overflow:auto;
border:1px solid #ffffff;
color:#333333;
padding:3px 0px 3px 0px;
scrollbar-3dlight-color:#FFFFFF; <!--立体効果のハイライト色-->
scrollbar-arrow-color:#999fff; <!--矢印の色-->
scrollbar-darkshadow-color:#999fff; <!--影の色-->
scrollbar-face-color:#FFFFFF; <!--バーの色-->
scrollbar-highlight-color:#999fff; <!--ハイライト色-->
scrollbar-shadow-color:#000000; <!--影の色-->
scrollbar-track-color:#dddddd;"> <!--トラックの色-->
<font color="#333333">

<ul>
<li><A href="http://www.narita-airport.jp/jp/flight/">成田空港</A></li>
<li><A href="http://www.centrair.jp/flight-info/index.html">中部国際空港</A></li>
<li><A href="http://www.kansai-airport.or.jp/flight/index.html">関西空港</A></li>
<li><A href="http://www.fuk-ab.co.jp/">福岡空港</A></li>
<li><A href="http://www.naha-airport.co.jp/international/index.html">那覇</A></li>
<li><A href="http://www.tokyo-airport-bldg.co.jp/php/flight_info/index.php?lang=ja">羽田空港</A></li>
<li><A href="http://www.sp.hkd.mlit.go.jp/outline/roadbuild/chitose.html">新千歳空港</A></li></ul>

</div>

<font color="#333333"> から </div> の間に表示したい内容を差し込みます。

今回は空港のリストを差し込んでありますが,リストする行数が,

「縦のサイズ」を上回らなければ,「スライダー」は現れません。



ブログ内の「部品バランス」が気になる方は,お試しください。

尚,↓↓にコードをTXT_FileでUPして置きますので必要な方はDownloadしてご使用ください。
テキストファイル・Download出来ます

記事は参考になりましたでしょうか？　参考になったと思われましたら下のバーナをクリック頂けませんでしょうか?　怪しいバーナではありません。　参加しているブログランキングと云うコンテストのバーナです。　クリックして,応援頂ければ飛び上がって喜びます。　ご訪問ありがとうございました。＝ 管理人･ドラぇ門 ＝

←←ランキングの順位は？