Untuk mendapatkan space iklan dihalaman ini silahkan hubungi owner Blog Design, Kami akan secepatnya merespon dan mempertimbangkan letak dari iklan text dan banner anda...

Friday, August 23, 2013

cara membuat widget vertical floating share

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

Me

Admin Rivai Silaban

Share article with : Google+ Facebook Twitter
Di posting oleh : Unknown Update pada : 2:45 PM

8 comments :

  1. mas tolong dong mas ...?
    template black seo nya untuk segera di pyblikasikan link downloadnya ..

    ReplyDelete
    Replies
    1. sabar ya sob ntar lagi bakal saya publish sob, saya masih menguji seo dan kevalitan serta kecepatan loadingnya begitu juga dengan mengantisipasi sistem error 404 pada server blogspot. Agar lebih stabil dan siap dibawa tempur

      Delete
  2. Replies
    1. oke sob, btw saya lihat halaman blognya kayaknya creditnya dihapus sob, saya mohon maaf bila dalam masalah tutorial saya tidak dapat membantu.

      By Admin Blog Design & Kru

      Delete
  3. semakin seneng aja ane mampir dimari postingannya keren bgt mas gan izin sedot ye

    ReplyDelete
  4. trima kasih gan.. tipsnya bagus nih utk blok sya

    ReplyDelete
    Replies
    1. sama sama gan.. thx juga atas kunjungannya salam blogger

      Delete

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email " untuk membangun kreatifitas blog ini
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Dilarang menyebarluaskan artikel tanpa persetujuan dari saya.
6. Untuk mengajukan pertanyaan diluar postingan diatas, silahkan klik " Forum Diskusi "
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "
8. Komentar yang mengandung code tag HTML, konversikan terlebih dulu silahkan klik " Konversi Kode "

Salam bloger .. !!
Pergunakan semua fasilitas di Blog ini untuk mempermudah anda..
Konversi Kode Forum Diskusi Join to Blog