cara membuat widget vertical floating share

Floating widget vertical share di halaman blog kesayangan anda akan menambahkan kesan elegan dan mempermudah para pengunjung halaman blog anda untuk lebih interaktif terhadap konten yang anda publish di postingan blog anda. Floating widget share pada tutorial kali ini saya memakai jasa www.sharethis.com, Jadi anda tidak perlu repot repot lagi untuk membuat scriptnya sebab script pada widget ini geratis dan diberikan dengan khalayak umum.

Tampilan image disamping kiri ini adalah tampilan dari widget floating share yang akan kita buat. Saya membuat postingan ini atas permintaan salah seorang teman yang ingin membuat widget floating share di halaman blognya, Tanpa mikir panjang yang memang saya lagi sibuk saya langsung teringat dengan script yang satu ini yang telah saya pakai di halaman blog saya pada hari hari yang lalu. Oke semoga sahabat saya tersebut senang dengan widget ini, Tak perlu lama lama lagi saatnya kita menuju TKP. Silahkan simak tutorial dibawah ini.

Install Script

1. Login ke dashboard anda
2. Masuk ke "TEMPLATE" lalu klik " Edit HTML "
3. Cari code </head>
4. Copy Code script CSS dibawah ini, pastekan tepat diatas code </head> yang tadi

<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>

1. Sete kode script pertama telah anda pasang saatnya menyematkan kode script yang kedua pada tag html blog anda.
2. Cari kode </body>
3. Setelah anda menemukan kode tersebut, silahkan copy kode script dibawah ini atau didalam spoiler dibawah ini.
4. Pastekan kode scriptnya tepat diatas kode </body>
5. Save template anda dan lihat hasilnya.

<script>
var options={ "publisher": "ur-449c40c9-a162-33c2-af86-4ab2d3534cb", "position": "left", "ad": { "visible": false, "openDelay": 5, "closeDelay": 0}, "chicklets": { "items": ["facebook", "twitter", "delicious", "email", "sharethis"]}};
var st_hover_widget = new sharethis.widgets.hoverbuttons(options);
</script>

Kesimpulan

Script yang ada pada tutorial ini adalah asli buatan www.sharethis.com jadi untuk menjelaskan lebih detail kemampuan saya terbatas sebab saya tidak mempunyai wewenang untuk merombaknya. Saya hanya mempunyai wewenang dalam pemasangan widget tersebut.

Bila anda mengalami masalah dalam pemasangan widget floating share ini saya akan membantu anda silahkan kontak saya atau share bersama saya pada form komentar dibawah. Saya tidak bertanggung jawab atas penyalah gunaan script ini.

Salam Bloger.
Widget Floating Share
23 Agustus 2013

By : Admin Blog Design

Terimakasih atas kunjungannya,Bila anda suka dengan artikel ini silahkan JOIN TO MEMBER BLOG atau berlangganan geratis Artikel dari blog ini, daftarkan email anda pada form subscribe dibawah halaman . Pergunakan vasilitas diblog ini untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui kotak komentar yang ada dibawah atau gunakan fasilitas yang ada diblog ini untuk menghubungi saya.

Salam Blogger.... !!! .

Admin Rivai Silaban

Share article with : Google+ Facebook Twitter

Di posting oleh : Unknown Update pada : 2:45 PM