Cara Membuat Widget Share Melayang Samping

Cara Membuat Widget Share Melayang Samping - Widget share pada blog sangat penting kaitannya dengan berbagi informasi. dengan menyediakan widget share ini, kita akan mempermudah seorang pembaca dalam ingin membagi artikel yang kita miliki ke sosial media atau sosmed seperti facebook, twitter, dan masih banyak yang lainnya. tinggal klik ikonnya, akan sekaligus artikel kita terbagi ke sosial media yang dipilih oleh pembaca blog. sangat berguna kan?

Cara Membuat Widget Share Melayang Samping

Untuk cara membuatnya sangat mudah.
Langkah pertama masuk ke akun Blogger > Dasbor > Klik Design/Rancangan > Tata Letak
Klik Tambah Gadget.
Pilih HTML/Javascript, kemudian masukkan kode di bawah ini:

1. Melayang Kiri

<!--widget share http://www.rumahno48.com--> <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> <script type="text/javascript">stLight.options({publisher: "1f446043-8507-4fbd-b382-cd21d7c439c0", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script> <script>var options={ "publisher": "1f446043-8507-4fbd-b382-cd21d7c439c0", "position": "left", "ad": { "visible": false, "openDelay": 5, "closeDelay": 0}, "chicklets": { "items": ["facebook", "twitter", "linkedin", "pinterest", "email", "sharethis"]}};var st_hover_widget = new sharethis.widgets.hoverbuttons(options);</script>
2. Melayang Kanan

<!--widget share http://www.rumahno48.com--> <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> <script type="text/javascript">stLight.options({publisher: "1f446043-8507-4fbd-b382-cd21d7c439c0", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script> <script>var options={ "publisher": "1f446043-8507-4fbd-b382-cd21d7c439c0", "position": "right", "ad": { "visible": false, "openDelay": 5, "closeDelay": 0}, "chicklets": { "items": ["facebook", "twitter", "linkedin", "pinterest", "email", "sharethis"]}};var st_hover_widget = new sharethis.widgets.hoverbuttons(options);</script>
3. Simpan

Setelah semua selesai dilakukan, tinggal kita review blog kita. Semoga bermanfaat sahabat blogger dimanapun Anda berada.

Bagikan ke

2 Komentar

tutorial yang sangat berguna untuk mempercantik blog dengan menambahkan widget share melayang samping.
terima kasih tutorialnya ijin simpan siapa tahu akan saya pasang di blog baru saya nanti n salam kenal.... :)

Oke gan, salam kenal juga :D

Silahkan berkomentar dan Terima kasih

*Untuk menyisipkan Emoticon, pilih Emoticonnya
*Untuk menyisipkan Kode, gunakan konversi kode

Konversi KodeEmoticon


Copyright © 2013-2014 Rumah No 48 - All Rights Reserved
Back to Top