Cara Pasang Button Stumbleupon di Blogger

Sebelum saya memulai cara pasang button StumbelUpon diblogger classic dan blogger xml/new blogger, ada baiknya saya jelaskan sedikit tentang apakah StumbleUpon dan apa manfaatnya jika dipasang diblog anda.

StumbleUpon adalah plugin web browser yang memungkinkan penggunanya untuk memberi rating pada halaman web, halaman blog, photo, video atau artikel yang mereka temui saat browsing. Halaman-halaman blog ini akan ditampilkan, jika pengguna StumbleUpon atau biasa disebut Stumbler, mengklik button “Stumble it!” untuk memberi rating.

Manfaat dari StumbleUpon jika dipasang diblog anda ialah juga seperti Button Digg, pengunjung blog anda dapat mengklik “Stumble” di tiap artikel, sehingga blog anda akan masuk ke database StumbleUpon dan anda akan mendapat backlink geratis darinya. Memberi kesempatan bagi pengunjung blog anda untuk mengucapkan terima kasih dengan mengklik button ‘Stumble it!”. Dan juga dapat menciptakan trafik bagi blog anda.

Saya kira cukup penjelasan tentang StumbleUpon. Yang berikut ialah cara memasangnya:

Sebelum anda melakukan perubahan apapun, ada baiknya anda save dahulu html jika terjadi kesalahan anda mempunyai backup!

Untuk classic blogger:

1. Login ke Blogger.com
2. Edit Html.
3. Lalu temukan ini:

<$BlogItemBody$>

Dan taruh kode berikut tepat setelahnya:

<a href="http://www.stumbleupon.com/submit?url=<$BlogItemPermalinkUrl$>&title=<$BlogItemTitle$>"><img border=0 src="**LINK TO stumbleit.gif**"" alt="StumbleUpon Toolbar">Stumble It!</a>

Keterangan: Ganti ini **LINK TO stumbleit.gif** dengan link Image dari stumble upon. Ini contoh gambar beserta link imagenya:

Dan yang berikut ialah link-link Imagenya secara berurut, jika anda memilih “small_su_logo.png” maka link imagenya diurutan pertama yakni http://www.stumbleupon.com/images/small_su_logo.png, dstnya. Ini urutan linknya :

http://www.stumbleupon.com/images/small_su_logo.png

http://www.stumbleupon.com/images/stumbleupon.gif

http://www.stumbleupon.com/images/su_micro.gif

http://www.stumbleupon.com/images/stumbleit.gif

http://www.stumbleupon.com/images/stumble1.gif

http://www.stumbleupon.com/images/small_su_logo2.png

http://www.stumbleupon.com/images/thumbup1.gif

http://www.stumbleupon.com/images/thumbup.gif

Dan save!

Sumber: http://www.stumbleupon.com/buttons.php?pgtype=blog

Dan untuk New blogger xml layout:

1.Login ke Blogger.com
2.Edit Html.
3.Lalu temukan ini:

<div style='clear: both;'/> <!– clear for photos floats –>
</div>
<div class='post-footer'>
<p class='post-footer-line post-footer-line-1'>

dan tepat dibawah ini:

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

Masukan tag kode berikut:

<!– StumbleUpon Button Begin –>
<a expr:href='"http://www.stumbleupon.com/submit?url="+ data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Stumble Upon' src='http://image_stumble_upon'/></a>
<!– StumbleUpon Button End –>

Keterangan: Ganti http://image_stumble_upon dengan link Image StumbleUpon seperti diatas.

Save template!

Sumber: how to add stumbleupon button to your

Semoga bermanfaat!