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>
Silahkan anda beri komentar, asal dengan bahasa yang sopan dan tidak Nyepam [tidak diperkenankan menyertakan link aktif dalam kotak komentar]. (