CARA MEMASANG WIDGET Floating widget vertical 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>

Penulis : alifian ~ Sebuah blog yang menyediakan berbagai macam informasi

Artikel CARA MEMASANG WIDGET Floating widget vertical share ini dipublish oleh alifian pada hari Saturday, August 24, 2013. Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Anda silahkan tinggalkan komentar.sudah ada 0 komentar: di postingan CARA MEMASANG WIDGET Floating widget vertical share
 

0 comments:

Post a Comment

diooda
Share