スクロールについてくる「Follow me」ボタン



自分のホームページ
twitterの「Follow me」ボタンを追加しました。
流行のスクロールについてくるタイプです。
絵描きならオリジナルのボタンをつけてみないか~

プログラムは非常に簡単です。
<body></body>間に以下のプログラムを入れるだけです。

—————————————————–
<div style=”position:fixed;bottom:20px;left:0px;”>
<A href=”https://twitter.com/#!/▲” target=”_blank”>
<IMG src=”●画像のURL●” border=”0″></A></div>
—————————————————–

<div style=”position:fixed;bottom:20px;left:0px;”>
この部分は画像の位置を決めてます。
top、bottom、left、rightからの距離をpx(ピクセル数)などで指定します。
これだと画面の下から20ピクセル、左側0ピクセルの位置に張り付きます。

<A href=”https://twitter.com/#!/▲” target=”_blank”>
この部分はtwitterの自分のページにリンクさせています。
▲には自分のユーザー名が入ります。
私はkita_siteなので「https://twitter.com/#!/kita_site」となります

<IMG src=”●画像のURL●” border=”0″></A></div>
この部分はボタン画像を呼び出しています。
●画像のURL●の部分にボタン画像のURLを入れてください。

これだけです。

ボタンを用意してくれるサービスもあります。
http://www.go2web20.net/twitterFollowBadge/

動かない普通のFollow meボタンは公式で用意されています。
つぶやきボタンもこちら
https://twitter.com/about/resources/buttons

Google AdSense


関連記事

人気記事(週間)