Cara Membuat Tombol Like Tweet Dan Google+

Malam sahabat blogger semua tiada hari tanpa posting bagi saya. Ok langsung saja kali ini kita akan membahas bagaiman cara memasang tombol tweet, google+, dan like facebook. Posting saya kali ini saya beri judul Cara Membuat Tombol Like Tweet Dan Google+. langsung saja di simak langkah-langkahnya :

Pertama login ke blog sobat.
Selanjutnya download dulu templatenya, hal ini dilakukan untuk mengantisipasi bila terjadi kesalahan
Pada menu pilih Rancangan ➨ Edit HTML.
Pada Edit Template jangan lupa untuk mencentang Expand Template Widget,
Copy code dibawah ini

<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="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</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='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=90&action=like&font=arial&colorscheme=light"' frameborder='0' height='20' scrolling='no' style='border:none;overflow:hidden; '/>
</div>

Cari kode <data:post.body/> jika di Blog anda ada banyak kode seperti itu, pilih kode yang kedua.
Simpan kode di atas 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/>
Save template dan lihat hasilnya.

NB :

Jika tombol Google + tidak muncul, copy kode <script type="text/javascript"src="https://apis.google.com/js/plusone.js"></script> di atas kode </head>
Jika tombol Tweet, Google + dan Like tidak ingin ditampilkan di halaman Home atau hanya ingin ditampilkan di halaman postingan saja, cukup tambahkan kode <b:if cond='data:blog.pageType == "item"'> dan </b:if> diantara kode tombol tadi. menjadi seperti ini:

<b:if cond='data:blog.pageType == "item"'>
< Kode tombol Tweet, Google + dan Like... >
</b:if>

Sekian dan terimakasih. semoga bermanfaat jika ada kesalahn silahkan langsung saja berkomentar sob. biar saya dapat memperbaikinya. Trimakasi

Follow @REFAI_ID Follow @KlikHacking

Tutorial