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 :
Catatan : ganti Usename dengan nama twitter anda sendiri.
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 == "item"'>
<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='"http://www.stumbleupon.com/hostedbadge.php?s=1&r=" + 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/>
Untuk menampilkan google+ silakan copy paste kode script berikut diatas </head>
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: 'en-US'} </script>Semoga bermanfaat.
5 komentar:
Makasih banyak infonya sop,ane pakai tipsmu berhasil.Salam kenal and happy blogging.
Segera dipraktikkan dan ternyata sukses. terimakasih sobat.
keren sob . . visit me !!!
sangat membantu, thank's kawan
mantap mas , makasih :)
Posting Komentar