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