Share posting Go Blog Go kali ini berbagi Widget ShareThis baru yaitu Widget berbentuk Hati hampir sama dengan Share This Teluryang 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 Hati 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>.
<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: "ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee", onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>
Langkah Kedua :
Cari Kode Tag </body> gunakan Ctrl+F untuk mempercepat pencarian.
Tambahkan Kode dibawah ini sebelum Kode Tag </body>
Copy Paste Kode dibawah berikut ini
<div style='position: fixed; bottom: 3%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>
stlib.shareEgg.createEgg('shareThisShareHeart', ['facebook','twitter','pinterest','linkedin','stumbleupon','email','sharethis'], {title:' <data:blog.pageTitle/>',url:'<data:blog.url/>',theme:'shareheart'});
</script>
Save Template-nya
Tinggal Preview dech Mojang dan Bujang
Nah Mojang dan bujang Widget ShareThis Hati ini bisa dijadikan ungkapan perasaan juga sebenar-nya buat doi-nya, 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