Sabtu, 09 Maret 2013

Cara Memasang Share Button di Blog


Pada kesempatan kali ini saya akan berbagi tips bagaimana cara membuat / memasang widget floating sharing button. Widget floating sharing button adalah widget sharing button yang melayang di blog entah itu di sebelah kiri halaman blog ataupun di sebelah kanan halaman blog. Untuk melihat seperti apa tampilannya, silahkan lihat demonya terlebih dahulu :


Bagaimana, apakah anda tertarik untuk memasang widget ini di blog Anda? Ok jika anda berminat untuk memasang widget tersebut, silahkan ikuti beberapa langkah mudah berikut ini :

Cara Membuat / Memasang Floating Share Button :

1. Login ke akun blogger
2. Lalu klik "Template"
3. Selanjutnya klik "Edit HTML"
4. Kemudian centang pada :
Expand Widget Templates
5. Selanjutnya cari kode berikut ini :
</head>

6. Silahkan copy kode berikut ini dan letakan dibawah kode "</head>" :

<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript" src="http://s.sharethis.com/loader.js"></script>

7. Kemudian cari kode berikut :</body>

8. Lalu anda copy kode berikut ini dan letakan dibawah kode "</body>" :
<script type="text/javascript">stLight.options({publisher: "a53a7ece-a2a3-4938-aaa0-f9c34611fb54", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script><script>
var options={ "publisher": "a53a7ece-a2a3-4938-aaa0-f9c34611fb54", "position": "left", "ad": { "visible": false, "openDelay": 5, "closeDelay": 0}, "chicklets": { "items": ["facebook", "twitter", "googleplus", "digg", "linkedin", "tumblr", "pinterest", "sharethis"]}};
var st_hover_widget = new sharethis.widgets.hoverbuttons(options);</script>

9. Terakhir, anda simpan templatenya. Selesai dan lihat hasilnya.

Tidak ada komentar:

Posting Komentar