Go Blog Go

Heart Social Slide Open Widget

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

Heart Social Slide Open Widget,hati Social,Widget Hati,Slide Open Heart

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 :

Heart Social Slide Open Widget,hati Social,Widget Hati,Slide Open Heart

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: &quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, 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(&#39;shareThisShareHeart&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});
</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

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