Aku selalu ada untuk mu...!
5. Selanjutnya cari kode berikut ini :
6. Silahkan copy kode berikut ini dan letakan dibawah kode "</head>" :
7. Kemudian cari kode berikut :
8. Lalu anda copy kode berikut ini dan letakan dibawah kode "</body>" :
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!
Ditulis oleh: Fuji Agung Prasetya - Saturday, February 9, 2013
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 :
- Membuat / Memasang Share Button di Postingan Blogger
- Cara Memasang Widget Share Button di Blog ( Facebook, twitter, google+ dll )
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 :
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!