Cara membuat sharing button Stumbleupon

Stumbleupon merupakan sebuah website social network hampir sama seperti Facebook ataupun Twitter. Namanya memang belum terlalu dikenal dikalangan orang Indonesia karena jejaring sosial yang ada saat ini didominasi oleh Facebook dan Twitter. Namun bagi blogmaster yang ingin mengembangkan jaringan, terutama meluaskan trafik pengunjung dari luar negeri, kebutuhan akan jejaring sosial ini sangat diperlukan. Hampir sama seperti situs jejaring sosial lainnya, Stumbleupon juga menyediakan layanan sharing button yang memungkinkan kita ataupun pengunjung website kita share konten yang ada di web  atau blog kita. Hal itu berguna untuk menambah pengunjung dan SEO web kita. Blognusa sendiri sudah membuktikan hal ini, dari data Google Analytics, sebagian besar pengunjung dari situs rujukan berasal dari Stumbleupon, bukan Facebook maupun Twitter.

Kali ini kita akan berbagi pengetahuan bagaimana cara membuat sharing button dari Stumbleupon :



Untuk memasang kode sharing button Stumbleupon, kamu harus memasang kode Javascript berikut sebelum tag </head>

<!-- Tempatkan kode sebelum /head -->
<script type="text/javascript">
(function() {
var li = document.createElement('script'); li.type = 'text/javascript'; li.async = true;
li.src = 'https://platform.stumbleupon.com/1/widgets.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(li, s);
})();
</script>

Berikut kode HTML sharing button dari urutan atas ke bawah, kamu dapat memilih tombol mana yang sesuai dengan template web atau blog kamu

<!-- Tempatkan kode ini ditempat kode akan ditampilkan -->
<su:badge layout="1"></su:badge> 

<!-- Tempatkan kode ini ditempat kode akan ditampilkan -->
<su:badge layout="2"></su:badge> 

<!-- Tempatkan kode ini ditempat kode akan ditampilkan -->
<su:badge layout="3"></su:badge> 

<!-- Tempatkan kode ini ditempat kode akan ditampilkan -->
<su:badge layout="5"></su:badge> 

<!-- Tempatkan kode ini ditempat kode akan ditampilkan -->
<su:badge layout="6"></su:badge> 

<!-- Tempatkan kode ini ditempat kode akan ditampilkan -->
<su:badge layout="4"></su:badge>

Description : Cara membuat sharing button Stumbleupon
Rating : 5
Reviewer : Penjaga Lilin - Cara membuat sharing button Stumbleupon

Tweet