StumbleUponのボタン設置方法

勉強がてらこのサイトのカスタマイズをちょこちょことやってる今日この頃。
そろそろSNSボタンの設置でもしてみようかと思い色々試しています。

先日、ブックマークサービスの一つで海外で人気の高い

のボタンを設置しようかと思ってやり方を調べてたらなかなかヒットしなかったので備忘録として残しておきます。

1.URLで記述する

この一行をHTMLに記述するだけでStumbleUponにブックマークするボタンリンクの出来上がり。

HTML
<a href="http://www.stumbleupon.com/submit?url=http://●●.com">ブックマークする</a>

http://●●.comの所は自分のサイトのURLを記述すればOKです。

2.StumbleUpon公式のものを使う

もちろん公式のバッジがあります。
こちらを使えば公式の画像が表示されるし、ブックマークされてる数などが表示されるバッジなどいろんな種類から選べるのでサイトの見栄えも良くなります。

1.StumbleUponのサイトに飛んだら、右下のGet Your Badge Now!をクリック。

2.画面左にあるアイコンの中から好きなものを選ぶと、自動で右側のAdd this code on your site:にコードが表示されるので、それをサイトの表示させたい部分に貼りつけるだけでOKです。

StumbleUponは個人的にもかなり好きなサービスなので、まだ使ったことないよーという方はぜひ一度お試しあれ!

詳しい解説はこちらのサイトさんがめちゃくちゃ分かりやすく掲載してくれています。
私もこのサイトさんのおかげでStumbleUponを知りました!ありがとうございます!

Comment Form

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です