Cara membuat Floating Share Button di Blog

 

            Hi kawan GM J Terima kasih sudah berkunjung ke BLOG SI-GM J

      Jika pada sebelumnya SI-GM menulis artikel mengenai Cara membuat Share Button dengan versi Horizontal namun hanya ada Facebook, Twitter, dan GoogLe+. Kali ini SI-GM akan membahas tentang Cara membuat Widget Floating Share Button, keunggulannya tersedia banyak share dan urutannya pun Vertikal yakni ke bawah J (Lihat Gambar)

      Bagi kawan GM yang tertarik untuk memasangnya bisa ikuti langkahnya di bawah ini J Caranya sangat mudah namun harus perhatikan dan baca terlebih dahulu ya agar tidak terjadi kesalahan sewaktu pemasangan Widget tersebut J

 

Cara membuat Floating Share Button :

1. Kawan GM LogIn ke Blogger

2. Setelah masuk klik Template selanjutnya klik Edit HTML

3. Jangan lupa Centang Expand Widget Templates

5. Cari kode(Ctrl+F) </head>, setelah ketemu Copy kode berikut ini tepat di bawah 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>

6. Kemudian cari kode(Ctrl+F) </body>, setelah ketemu Copy kode berikut ini tepat di bawah

     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>

Keterangan  :
Huruf merah pada kode bisa diganti sesuai dengan keingin kawan GM J Kode tersebut merupakan letak Widget disimpan J Untuk Kiri = Left dan untuk Kanan = Right.

      Sekian J Terima Kasih sudah berkunjung ke BLOG SI-GM J Semoga bermanfaat dan Sampai Jumpa lagi di postingan SI-GM berikutnya J