Cara Buat / Memasang Floating Share Button di Blog
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!
Sumber: zicblogger.blogspot.com
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.
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!
Hi. I’m Designer of Blog Magic. I’m CEO/Founder of ThemeXpose. I’m Creative Art Director, Web Designer, UI/UX Designer, Interaction Designer, Industrial Designer, Web Developer, Business Enthusiast, StartUp Enthusiast, Speaker, Writer and Photographer. Inspired to make things looks better.
0 komentar:
Posting Komentar