awntan_52のブログ

あんなこと、そんなこと、どうでもいいこと。 気まぐれに書いてます。

クリック募金のバナー

画像のタイトル by:ペカルマン

こんばんは。

今、東日本大震災復興支援用のクリック募金のボタンをブログに設置されてる方が、結構ふえているみたいですね。

自分も、こちら⇒◆クリック募金ができるサイト|震災復興をアメブロから応援中! を見習って設置してみました。

これって、ブログにメニューバーを設置してる方ですと、わりに簡単に設置できるんですが、メニューバーの無い方や、メニューバーには設置したくないって方もいらっしゃると思います。

で、サイドバーに設置できるバナー(ボタン)を作ってみました。 (※この際、デザインのセンスは不問と言う事で^^;)

☆300px

・画像URL

・画像URL

☆200px

・画像URL

・画像URL

☆150px

・画像URL

・最後の画像を「クリック募金サイト」に移動するようにしてみました。

タグコードは、こちらになります(↓)

<!--クリック募金--> <div align="center"><a href="http://www.clickbokin.ekokoro.jp/139.html" target="_blank"><img src="http://farm4.staticflickr.com/3721/13259963635_3995267cff_o.png" border="0"width="150" /></a></a></div>

赤字の箇所がバナー(ボタン画像)のURLです。

緑字の箇所が「クリック募金サイト」のURLです。

クリック募金のサイトは、こちらで紹介されてます⇒◆クリック募金ができるサイト|震災復興をアメブロから応援中!

お好みの画像URLと、クリック募金サイトのURLに差し替えてください。

上のタグコードをフリースペースに貼り付けると、こんな感じになります(↓)。

上の画像のURLはFlickrに投稿して取得したものですので、アメブロ以外のサイトに表示させても消えちゃう事は無いと思います^^;

もしご心配でしたら、いったん御自身のパソコンに保存してから、御自身のサイト(アメブロ.etc)の画像フォルダーにアップしたものを使われると間違いないと思います。

よかったら参考にして下さい。

☆ブヒ ゞ(^_-)v