Cara Membuat tombol Tweet, Google + dan Like

Tweet

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 :)

Enter your email address:

Delivered by FeedBurner

Anda sedang membaca artikel Blogging dengan judul Cara Membuat tombol Tweet, Google + dan Like. Diposting pada hari : Minggu, 17 Februari 2013 , rating 4.2. Semoga artikel ini bisa memberikan manfaat untuk anda. Saya ( Bk antara ) mengucapkan terimakasih banyak atas kunjungan sobat. Saya nantikan kunjungan anda berikutnya :)