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
- Login ke dashboard anda
- Masuk ke "TEMPLATE" lalu klik " Edit HTML "
- Cari code </head>
- 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>
- Sete kode script pertama telah anda pasang saatnya menyematkan kode script yang kedua pada tag html blog anda.
- Cari kode </body>
- Setelah anda menemukan kode tersebut, silahkan copy kode script dibawah ini atau didalam spoiler dibawah ini.
- Pastekan kode scriptnya tepat diatas kode </body>
- 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>
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>
0 comments:
Post a Comment