アメブロ内に読者登録ボタンを設置してみる。

新バージョンの『CSS編集用デザイン』での、読者登録ボタンの設定の仕方を紹介します。




いつも通り、画像フォルダから、読者登録ボタンになる画像を登録して下さい。


今回、特別にご用意いたしましたのは・・・
↓↓↓



バレる部屋のオーナー。
http://ameblo.jp/barrelhair/
ちょうど、バックが白かったので、『これは使いやすい！ぜひ使わせてくれ！』と、彼に電話して許可を得た。という想像だけして引用し、加工。

きっと、彼も喜んでくれていると思います。多分。




で、アップロード完了。




次に、この画像のアドレスを取得。




画像をクリックして、別表示がでたら、右クリックして「プロパティ」を選択。




プロパティが表示されたら、アドレス(URL)を反転させてコピー。

これを、メモ帳とかに貼りつけて置いといて下さい。





さて、次は、メッセージボードへ。

「記事を書く」をクリックすると、同じページ内にあります。







ページが表示されたら、以下を貼りつけて下さい。


<div align="center">
<a href="http://blog.ameba.jp/reader.do?bnm=あなたのID">
<img border="0" alt="" src="先程コピーした画像のURL" />
</a>
</div>

※あなたのIDがわからない場合は、直接自分のページから『このブログの読者になる』をクリックして、ブラウザに表示されているURLをコピーして下さい。




保存して完成です！！
↓↓↓







このバレる部屋画像を、ぜひ使いたい！という奇特な方は、以下をどうぞ！！

<div align="center">
<a href="http://blog.ameba.jp/reader.do?bnm=あなたのID">
<img border="0" alt="" src=&quothttp://stat001.ameba.jp/user_images/20110822/10/andweb/8f/c6/j/o0200011511433783023.jpg" />
</a>
</div>