Go Blog Go

Egg Social Slide Open Widget

Posted by Go Blog Go Posted on 10:09 PM with No comments
Assalamu'alaikum Wr.Wb.

Egg Social Slide Open Widget,widget slide,telur slide efek

Share posting Go Blog Go kali ini berbagi Widget ShareThis baru yaitu Widget berbentuk telur yang mempunyai efek slide out saat mouse hover tepat berada di Widget maka akan terbuka, dan terdapat beberapa tombol share seperti Facebook, twitter, Pinterest, LinkkedIn, Email juga beberapa pilihan tombol social share lain-nya.

Apabila ingin mempercantik WebBlog dengan ShareThis Social berbentuk telur ini pemasangan-nya cukup mudah.

Egg Social Slide Open Widget,widget slide,telur slide efek

Silahkan ikuti langkah-nya berikut ini :

Langkah Pertama :
Login ke Blogger
Dari -> Dashboard -> Klik Menu Monitize -> Klik Template -> masuk ke Edit HTML -> Prosess -> jangan lupa Centang Expand Widget Template-nya.
Cari Kode Tag </head> gunakan Ctrl+F untuk mempercepat pencarian.
Tambahkan Kode dibawah ini sebelum Kode Tag </head>.

Save your template.

<script type="text/javascript" src="http://w.sharethis.com/gallery/shareegg/shareegg.js"></script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">
stLight.options({publisher: "ur-8763731d-23ab-10e6-76cd-b53d73f2db8a", onhover:false}); 
</script>
<link media="screen" type="text/css" rel="stylesheet" href="http://w.sharethis.com/gallery/shareegg/shareegg.css">
</link>

Langkah Kedua :
Masuk ke -> Page layout.
Pilih add a gadget -> HTML/JavaScript.
Copy Paste Kode dibawah berikut ini

<div id='shareThisShareHeart' class='shareEgg'></div>
<script type='text/javascript'>stlib.shareEgg.createEgg('shareThisShareHeart', ['facebook','twitter','pinterest','linkedin','email','sharethis'], {title:'Happy Valentines Day!',url:'http://www.sharethis.com',theme:'shareheart'});
</script>

Save dan Preview

Nah simple-kan Mojang dan bujang, semoga makin keren WebBlog-nya. Go Blog Go...!!! Amiin

Wassalam,


0 comments:

Post a Comment

Catatan :
1.Untuk menyisipkan Kode, gunakan Tag <i rel="code">Kode Anda Di-Sini...</i>
2.Untuk menyisipkan Kode Panjang, gunakan Tag <i rel="pre">Kode Anda Di-Sini...</i>
3.Untuk menyisipkan Kode Gambar, gunakan Tag <i rel="image">URL Gambar Anda Di-Sini...</i>
4.Untuk menyisipkan Catatan, gunakan Tag <b rel="quote">Catatan Anda Di-Sini...</i>

NB: Sebelum menyisipkan Kode, konversi terlebih dulu Kode-nya agar bisa tampil di Kolom Komentar

 
Powered by : Blogger
Copyright © 2011. Go Blog Go - All Rights Reserved
Template Created by Go Blog Go Published by Wong Wayang