Cara Memasang Tombol Like Facebook, Twitter dan Google Plus
Cara Memasang Tombol Like Facebook, Twitter dan Google Plus
Tutorial cara membuat tombol Tweet, Google + dan Like Facebook:
1. Login ke Blogger > Template > Edit HTML
2. Sebagai backup sebaiknya download dulu template Anda.
3. Centang Expand Template Widget
4. Cari kode <data:post.body/> jika di Blog Anda ada beberapa kode tersebut, pilih kode yang kedua.
5. Simpan kode berikut 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/>
Catatan:
Semoga Bermanfaat
Selamat berjumpa kembali dengan maswardi dalam dalam rangka tutorial membuat blog. Pada kesempatan kali ini, saya akan menulis bagaimana mempercantik blog dengan cara memasang tombol Tweet, Like Facebook dan Google Plus di bawah postingan. Tulisan tentang tutorial cara membuat tombol Tweet, Google + dan tombol like Facebook ini saya kutip dari mainbom.com.
Tutorial cara membuat tombol Tweet, Google + dan Like Facebook:
1. Login ke Blogger > Template > Edit HTML
2. Sebagai backup sebaiknya download dulu template Anda.
3. Centang Expand Template Widget
4. Cari kode <data:post.body/> jika di Blog Anda ada beberapa kode tersebut, pilih kode yang kedua.
5. Simpan kode berikut 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'>6. Save template dan lihat hasilnya.
<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>
Catatan:
- 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. Dan hasilnya menjadi seperti ini:
<b:if cond='data:blog.pageType == "item"'>< Kode tombol Tweet, Google + dan Like Facebook >
</b:if>
Semoga Bermanfaat
Categories:
