Memasang Button Count Sosial Media Pada Post

share button count facebook twitter google plus stumbleupon

Alizainsyahab Blog : Button count berfungsi untuk menghitung jumlah post yang di share oleh pengunjung blog kepada jejaring sosial akun mereka, seperti facebook, google plus, twitter dan StumbleUpon, button count yang akan kita pasang sekarang ini adalah gabungan dari kesemuanya.

Untuk tampilan button count seperti screen shot diatas atau live-nya seperti yang saya pergunakan pada bagian bawah post (kalau belum saya rubah). Script yang akan kita pasang ini merupakan script yang saya ambil dari tiap developer masing-masing sosial media, baik itu button share count facebook like, button share count twitter, button share count google plus dan button share count stumbleupon.

Dibawah ini adalah script yang akan menampilkan button atau tombol-tombol share count sosial media, Untuk pemasangan pada bagian posting, berikut ini adalah caranya :

  1. Masuk Design – Edit HTML
  2. Ceklist Expand Widget Templates
  3. Jika perlu lakukan backup template, dengan cara mendownload full template untuk menghindari kesalahan yang dilakukan.
  4. Copy kode sibawah ini dan letakan dibawah <div class='post-header-line-1'/> atau diatas kode <data:post.body/> jika ingin ditampilkan dibawah judul post atau diatas bagian posting, untuk menempatkan dibawah bagian post, letakan kode tersebut dibawah kode <data:post.body/>
  5. Untuk penempatan posisi kanan atau kiri, kalian ganti kode yang berwarna hijau dengan left atau right

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<div style='float:right;padding:5px;'>
<table border='0'><tbody><tr>
<td><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=110&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:110px; height:21px;'/></td>
<td><g:plusone expr:href='data:post.url' size='medium'/></td>
<td><a class='twitter-share-button' href='https://twitter.com/share'>Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script></td>
<td><su:badge layout='1'/><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>
</td>
</tr></tbody></table></div></b:if>

Spesial untuk menampilkan button share count google plus, kalian harus menambahkan kode dibawah ini diatas kode </head>

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

Save template kalian dan lihat hasilnya.

Jika sebelumnya pernah memasang tombol google plus 1 pada template blog kalian, sebaiknya dihapus dulu, untuk mengetahui posisi button plus 1 yang dipasang terdahulu, kalian bisa membaca post Memasang Tombol Plus 1 Pada Post dengan cara meng-klik link tersebut.

Semoga bermanfaat,
http://situseo.blogspot.com/ 

Pos ini dipublikasikan di blog tutorial. Tandai permalink.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s