Cara Memasang Tombol Like Facebook, Twitter dan Google + Di Blog

X-2Share-Pernahkah sobat melihat di beberapa blog, atau website yang menggunakan widget like, tweet, google plus, di blog mereka, terlihat lebih professional kan ?? nah apabila sobat pengen menaruh widget tersebut di blog sobat nih sya kasi tutorialnya :)

langkah-langkahnya sebagai berikut :

• Sobat login ke blogger
• Rancangan edit Html 
• Centang Expand Template Widget  

nah setelah itu temukan kode di bawah ini :

<data:post.body/> 

Nb: gunakan ctrl+f untuk memudahkan pencarian :)

setelah ketemu, langkah selanjutnya Taruh kode di bawah ini di atas kode <data:post.body/>

<div style='float:left;width:80px'>
<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></div>
<div style='float:left;padding-left:10px;width:60px'>
<g:plusone size='medium'/></div>
<div style='float:left;padding-left:10px;width:90px'>
<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=90&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' height='20' scrolling='no' style='border:none;overflow:hidden; '/></div>

•  Simpan template lihat hasilnya :)

apabila sobat ingin menampilkan widget ini hanya pada halaman postingan saja, cukup tambahkan kode <b:if cond='data:blog.pageType == &quot;item&quot;'> dan </b:if> diantara kode tombol tadi. Dan hasilnya menjadi seperti ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

< Kode tombol Tweet, Google + dan Like Facebook >
</b:if>

 Sekian Tips dari saya semoga bermanfaat :)