Cara Buat / Memasang Floating Share Button di Blog

Cara Buat Floating Share Button di Blog!

Zicblogger - Setelah pada artikel sebelumnya saya menjelaskan bagaimana cara memasang widget share button di bawah postingan blog dalam artikel :

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 :

DEMO

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.

Catatan :
Untuk meletakan widget floating share button di sebelah kanan halaman blog, silahkan ganti kode "Left" dengan kode "Right".

Demikian yang dapat saya sampaikan, untuk kurang dan lebihnya, mhon dimaafkan. Walaupun sederhana, semoga artikel ini dapat memberikan manfaat. Terimakasih!

Baca juga artikel menarik lainnya :