Cara Pasang Button Stumbleupon di Blogger
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 + "&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!









Pingback: SEO Untuk Blogspot