TOP  ABOUT  ATTENTION  LINK&BANNER   バナー設置方法  MEMBER



★ ナビゲーションバーを設置するには、まず画像を自分のパソコンへ保存します。
画像の保存方法
@ 「LINK & BANNER」のページから、好きな画像を選ぶ。
A 選んだ画像のところへマウスを持って行き、右クリックする。
B 「名前をつけて画像を保存(S)」を選択する。
C そうすることで、あなたのパソコン内に、画像が保存されます♪

画像のアップロード <ブログの場合>
★ ナビゲーションバーの設置方法は、各ブログによって異なるとは思いますが、ほぼ、同じ方法でできると思います。なのでここではfc2ブログでの設置方法を 提示しておきます。
FC2 ブログの場合
★ まずは自分のブログに画像をアップロードします。
@ ブログの管理画面を開く(新しい記事を書くページ)。
A 左側にあるメニューの中から、[ツー ル] を探し、その中の[ファイルアップロード]をク リックする。
B [ファイル] に、先ほど保存した画像を参照から 選択する。
C タイトルは入れなくても大丈夫。[ アップロード] をクリック。
★ ナビゲーションバーを設置するには、画像のアドレスがわからないといけません。
@ [ ファイル一覧] から、先ほどアップロードした画像をクリック。
A 新しいウィンドウで、画像が表示されると思います。そのページの「アドレス」が、 あなたのナビゲーションバー画像のアドレスです。

ナビゲーションバーを、サイドバーに設置
@ 管理画面の、左側メニュー一覧の[環 境設定] から、[プ ラグインの設定]をクリック。
A ページ上部にある、PC用[公 式プラグイン追加]をクリック。
B 拡張プラグインの 中から、フリーエリアを 選び、追加をクリック。
C プラグイン管理画面に戻り、プラグインカテゴリの中から先ほど追加したフリーエリアを探し、設定欄の詳細をクリック。
D タイトルや説明は自由に入力してください♪プラグインの改造を探し、【HTMLの編集】をクリッ ク。
E
<!-- &freeareaの中にHTMLが代入されます。 -->
<div class="plugin-freearea" &align>
    &freearea
</div>
と表示が出るはずですので、それを「LINK & BANNER」に書いてあるタグを組み込みます。
【例】
<!-- &freeareaの中にHTMLが代入されます。 -->
<div class="plugin-freearea" &align>

<img
 src="http://さきほどアップロードした画像のアドレス.png" usemap="#banner4" width="200" height="40" border="0">
<map name="banner4">
            <area shape="rect" coords="2,25 43,39"
 href="http://webring-next.com/prev.php?id=darpoli&amp;no=あなたのID" target="_blank">
            <area shape="rect" coords="43,25 93,37"
 href="http://webring-next.com/rand.php?id=darpoli&amp;no=あなたのID" target="_blank">
            <area shape="rect" coords="93,26 143,39"
 href="http://webring-next.com/darpoli/" target="_blank">
            <area shape="rect" coords="142,25 188,39"
 href="http://webring-next.com/next.php?id=darpoli&amp;no=あなたのID" target="_blank">
            <area shape="rect" coords="0,0 200,40"
 href="http://mina37mi.web.fc2.com/" target="_blank">
            </map>  

</div>
※ 自分のIDがわからい場合は、仮登録・本登録の際に届いたメールをごらんください。
F 入力ができたら、ページ最下部の【変更】をクリック。これでおしまい!!

きっと、他のブログも、この方法と似ているはずです。余裕ができたらまた、ほかのブログの設置方法も書いていきたいと思います。不明な点があったら、みー このブログに書き込みしてください♪


* Template design by Nikukyu-Punch *