Memasang Widget Share dan Google Plus 1 di Atas Posting

Memasang tombol share di atas posting itu penting, untuk memudahkan artikel kita di share misalnya di facebook oleh pengunjung. Widget ini juga dilengkapi tombol google +1 , coba lihat di atas posting ini :

Mau tahu cara membuatnya? Cekidot :

1. Seperti biasa login ke Blogger dulu, lalu klik Rancangan, klik Edit HTML (jangan lupa centang expand widget template)

2. Cari Kode </head> lalu letakkan script ini diatasnya (ini untuk tombol google +1) jika sobat sudah pernah memasangnya, lewati langkah ini.

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>

3. Cari kode <data:post.body/> lalu paste script berikut di atasnya

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:4px 0px 30px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;font-style:Italic;'>
Share this article on :
</div>
<div style='float:left;padding-left:10px;'>
<a name='fb_share' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'>
</script></div>
<div style='float:left;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></div>
<div style='float:left;padding-left:10px;'>
<g:plusone size='medium'/></div>
</div>
</b:if>

4. Selesai deh...

Bagi yang mempunyai masalah memasangnya, silahkan tanyakan dengan berkomentar di bawah.
Terimakasih...

Script diambil dari www.kucoba.com dengan sedikit modifikasi
www.kreativitasngeblog.com