bloggerにソーシャルブックマークstumbleuponへのバッジを追加する

[したいこと・しりたいこと・目標]

bloggerにソーシャルブックマークstumbleuponへのバッジを追加する

[したこと]

(01)
Stumble のサイトに行く。
StumbleUpon.com: Personalized Recommendations to Help You Discover the Best of the Web
http://www.stumbleupon.com/

下の方にあるメニューから Stumble Badges を選択する。


(02)
Get Your Badge Now ボタンを押す


(03)
バッジの”見かけ”を選択すると、Webサイトに追加するコードが表示される。
表示されたコードをコピーする。


(04)
bloggerのHTMLを編集するタブを開き、ウィジェットのテンプレートを展開をチェックする。

(05)
テンプレートの編集画面で、以下のコードを探す。

<div class='post-footer-line post-footer-line-1'>

(06)
(05)で探したコードの下にStumble Badges のコードを追加する。

<script src="http://www.stumbleupon.com/hostedbadge.php?s=1"></script>

(07)
プレビューで確認する。
テンプレートを保存する。