Memasang Tombol Facebook, Google+, Twitter, Stumbleupon diatas Postingan

Memasang Tombol Facebook, Google+, Twitter, Stumbleupon diatas Postingan
Memasang Tombol Facebook, Google+, Twitter, Stumbleupon merupakan salah satu hal yang perlu diperhatikan oleh blogger. Disamping memperindah tampilan blog, Social Bookmarking merupakan penunjang traffck rank pada blog kesayangan kita.

Anda bisa melihat disetiap posatingan blog kang Fathur terdapat beberapa tombol pilihan yang dapat anda klik untuk mempopulerkan atikel tersebut.

Kali ini, saya memberikan tutorial untuk memasang tombol-tombol Social Bookmarking tersebut di setiap tulisan artikel yang kita posting. Langkah yang bisa anda tiru sebagai berikut :

  • Login Blogger;
  • Klik tombol Rancangan dan pilih Edit HTML;
  • Beri Centang Expend Widget;
  • Tekan tombol Ctrl + F untuk memudahkan pencarian kode
data:post.body
  • Copy paste kode dibawah sebelum kode diatas ini.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<table border='0'>
<tr>
<td>
<a class='twitter-share-button' data-count='horizontal' data-via='Usename' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</td>
<td>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='button_count' send='true' show_faces='false' width='40px'/>
</td>
<td><div style='margin-right:25px;'>
<script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=&quot; + data:post.url'/></div>
</td>
<td><div style='margin-right:5px;'>
<g:plusone expr:href='data:post.url' size='medium'/>
</div>
</td>
<td>
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4de3b2d654f56f28' type='text/javascript'></script>
</td>
</tr>
</table>
</b:if>
<br/>
Catatan : ganti Usename dengan nama twitter anda sendiri.

Untuk menampilkan google+ silakan copy paste kode script berikut diatas </head>

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: &#39;en-US&#39;} </script>

Selamat mencoba dan semoga menjadikan blog ini dan anda menjadi SEO friendly.

Source : Kang Fathur 
Labels: , ,