フリープラグインの編集の仕方です。（フリープラグインの設定をしていない人）

　まずは、

　トップページにある「クイックリンク」をクリック

　[サイドバーの設定]にあるプラグインの追加をクリック

　フリープラグインをクリック

　そこに、ブログパーツやバナーＵＲＬをいれて、

　保存をクリック

　次に

　サイドバーの配置の設定です。

　使用しない機能から、

　フリープラグインを使用る機能にいどうさせます。

　保存をクリック。

　プレビューを押すと、

　ブログはどんなふうになったかが

　確認できます。

　これでおわりです。

　わかんなかったら、

　メッセ下さい。

　自分のﾌﾞﾛｸﾞをお気に入りに追加してもらうためのボタンです。

　作り方は

<input type=button value="ボタンの文字" onclick="window.external.addFavorite('URL','タイトル)">

をフリープラグインに張り付けてください。

ボタンの文字は、

たとえばお気に入りに追加なら、ボタンの文字を変更してください。

ＵＲＬは、自分のﾌﾞﾛｸﾞならhttp://ameblo.jp/アメーバＩＤ/を入れてください。（詳しくはこちら）

タイトルは、自分のﾌﾞﾛｸﾞ名など、登録してもらった方に分かりやすいものにしてください。

で、私の場合（ゆか汰ムの日々日記のほう）は

<input type=button value="お気に入りに追加" onclick="window.external.addFavorite('http://ameblo.jp/akamegane-y/','ゆか汰ムの日々日記')">

になります。

これで以上です。

まずは、

をクリック（無料、登録不要）

こんな感じになっていと思います。

そして、をクリック。

こういうのが出てくると思います。

好きなデザインを選択します。（自分が持っているデザインを使いたい場合は、③をクリック）

これを使ってみたいと思います。

好きな文字を入れたり、

角度を変えたりして。。。

出来上がったのがこれ↓

でも、この時点ではまだ、バナー画像さくせだけになってしまいます。

これをクリックしたら、ゆか汰ムのブログ（この場合は）にいくように、設定しましょう。

★設定の仕方

まず、バナーのタグを、HTMLタグを表示に張り付けます

バナーのタグ↓

<a href="http://ameblo.jp/akamegane-y/ " target="_blank"><img src="http://blog.ameba.jp/image/Dt0kG.gif"border="0" alt="ﾌﾞﾛｸﾞ改造研究局" /></a>

この赤い文字を編集。

上はさいとのＵＲＬ。

したは、画像のＵＲＬです。

ここで

「画像のＵＲＬって何？？？」

と思う人もいると思います。

画像のＵＲＬとは、

画像を右クリックして、

これをｺﾋﾟﾍﾟしたら、完成です。

そんな時はこれ↓

これをｺﾋﾟって、

赤い字をなおしてください。

ホーム

　http://ameblo.jp/自分のＩＤ

読者になる

http://blog.ameba.jp/reader.do?bnm=自分のＩＤ

ルーム

http://profile.ameba.jp/自分のＩＤ

ペタ

http://peta.ameba.jp/p/addPeta.do?targetAmebaId=自分のＩＤ

ｱﾒﾝﾊﾞｰ

http://amember.ameba.jp/amemberRequest.do?oAid=自分のＩＤ

ﾒｯｾｰｼﾞ

http://msg.ameba.jp/pub/send/index?toAmebaId=自分のＩＤ

です。

　/*-----ここから-----*/



#wrap{
margin-top:50px;
}



/*-----ここまで-----*/

をコピーして、

『CSSの編集』の一番下に貼り付けます。

次に

<div id="topmenu">
<ul>
<li><a href="リンク先のURL">ホーム</a></li>
<li><a href="リンク先のURL">ペ　タ</a></li>
<li><a href="リンク先のURL">メッセージ</a></li>
<li><a href="リンク先のURL">リンク</a></li>
</ul>
</div>

これをコピーし、赤い文字をなおして

フリースペースに貼り付けます。

※このときに、改行を削除します。

するとこんなかんじに・・・↓

<div id="topmenu"><ul><li><a href="リンク先のURL">ホーム</a></li><li><a href="リンク先のURL">ペ　タ</a></li><li><a href="リンク先のURL">メッセージ</a></li><li><a href="リンク先のURL">リンク</a></li></ul></div>

最後に『CSSの編集』画面を開き、以下をコピーして『CSSの編集』の一番下に貼り付けます。

これ↓

/*-----ここから-----*/



#topmenu {
width: 800px;/*ヘッダーの横幅サイズ*/
font-size:14px;/*文字のサイズ*/
font-weight:bold;/*太字*/
line-height:2;
display: block;
}
#topmenu ul{
margin:0;
padding:0;
}
#topmenu li {
width: 150px;/*メニュー1つの横幅サイズ*/
margin: 0 2px;/*メニュー間の隙間幅*/
border: 3px double #fff;
background-color:#009900;
text-align: center;/*中央寄せ*/
display:inline;/*IE6対策*/
list-style: none;
float: left;
}
#topmenu li a {
color: #ffffff;/*リンク文字の色*/
border: 1px solid #ffffff;
margin: 1px;
text-decoration: none;
display: block;
}
#topmenu li a:hover {
color: #ffffff;/*オンマウス時の文字の色*/
background-color:#99FF00;/*オンマウス時の背景色*/
}

#frame {
position: relative;
}
#topmenu{
position: absolute;
top:0px;/*上から*/
left:0px;/*左から*/
z-index: 100;
}

/*-----ここまで-----*/


最後にメニューの位置を下げるため、以下をコピーして『CSSの編集』の一番下に貼り付けます。


/*-----ここから-----*/



#topmenu{
position: absolute;
top:300px;/*上から*/
left:0px;/*左から*/
z-index: 100;
}



/*-----ここまで-----*/

赤い字ゎメニューォ下げる数値です。

これが全部できたら

ｳﾁのみたいにできるよぉ～＾－＾