Cara Membuat tombol Tweet, Google + dan Like

Posting kali ini membagikan pada Anda yang belum tahu cara membuat tombol Tweet, Google + dan Like yang dipasangkan tepat dibawah judul postingan sobat. Sebelumnya ijin pada para masta bukan maksud untuk menggurui.... Ini hanya ungkapan rasa senang jikalo Ville Sehat telah berhasil dipasangkan tombol tweet, google + dan like. Berikut cara membuat tombol tweet, google + dan like:

Cara membuat tombol Tweet, Google + dan like tanpa plugin pihak ketiga:

1. Login ke Blogger > Template > Edit HTML

2. Sebelum mengubah kode HTML sebaiknya cadangkan dulu template anda untuk menghindari hal-hal yang tidak diinginkan.

3. Centang Expand Template Widget 

4. Cari kode <data:post.body/> jika di Blog anda ada banyak kode seperti itu, pilih kode yang kedua.

5. Simpan kode bawah ini setelah kode <data:post.body/> atau jika anda ingin memasang tombol Tweet, Google + dan tombol like Facebook di atas postingan, simpan kodenya sebelum <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>

6.  Save template dan lihat hasilnya.

Note:

- Jika tombol Google + tidak muncul, copy kode <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> di atas kode </head>

- Kemudian agar tombol tweet, google + dan like ditampilkan di halaman postingan saja, cukup tambahkan kode <b:if cond='data:blog.pageType == &quot;item&quot;'> dan </b:if> diantara kode tombol tadi. menjadi seperti ini:

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

< Kode tombol Tweet, Google + dan Like... >

</b:if> 

Demikian sharing ilmu kali ini Semoga Berhasil :)