Tutorial ini saya ambil dari blognya => http://otowebsite.blogspot.com <= .Bagi yang mau silakan ikuti tutorial dibawah ini;
1. Login ke akun blogger.
2. Pada Dasbor klick Rancangan ➨ Edit HTML.
3. Centang Expand Template Widget ➨ Backup dulu templatenya untuk mengantisipasi bila terjadi kesalahan.
4. Selanjutnya dalam Edit Template Anda cari kode </head> Jika kesulitan mencarinya coba baca Cara Cepat Mencari Kode HTML.
5. Bila sudah ketemu sekarang letakkan kode java script berikut di atas kode tadi.
<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="https://otowebsite-blogspot.googlecode.com/svn/trunk/share_buttons.js"></script>
<script type="text/javascript" src="https://otowebsite-blogspot.googlecode.com/svn/trunk/share_loader.js"></script>
6. Jangan di Simpan dulu lakukan langkah selanjutnya.
Meletakkan posisi dari Vertical Floating Social Sharing Bar Part-1
Di ini Anda harus memilih salah satu tempat di mana Anda ingin widget Vertical Floating Social Sharing Bar Part-1 ini muncul.
Caranya:
8. Dalam Edit Template cari kode </body> dan letakkan salah satu kode berikut di atasnya.
Vertical Floating Social Sharing Bar Part-1 Left Posisiont
<script>
var options={ "publisher": "d4be5209-8eb5-4854-8391-917faf746b47", "position": "left", "ad": { "visible": false, "openDelay": 5, "closeDelay": 0}, "chicklets": { "items": ["facebook", "twitter", "googleplus", "linkedin", "pinterest", "sharethis"]}};
var st_hover_widget = new sharethis.widgets.hoverbuttons(options);
</script>
Vertical Floating Social Sharing Bar Part-1 Right Posisiont
<script>
var options={ "publisher": "d4be5209-8eb5-4854-8391-917faf746b47", "position": "right", "ad": { "visible": false, "openDelay": 5, "closeDelay": 0}, "chicklets": { "items": ["facebook", "twitter", "googleplus", "linkedin", "pinterest", "sharethis"]}};
var st_hover_widget = new sharethis.widgets.hoverbuttons(options);
</script>
9. Terakhir Simpan template.
Warning:
Dari kode di atas jangan ada yang Anda rubah, karna kode tersebut menggunakan Id atau sudah terbungkus tag kondisional agar widget berfungsi dengan baik, dan bila di rubah scrip tersebut tidak akan berfungsi.
Terima Kasih Dan Semoga Bermanfaat, Jika kurang jelas maka kalian bisa ikutin tutorial disini http://otowebsite.blogspot.com/2012/07/vertical-floating-social-sharing-bar.html
Tags:
#Blogger
4 komentar