Home » » Cara Pasang Button Share Melayang

Cara Pasang Button Share Melayang

Written By Selo Aji on Wednesday, November 14, 2012 | 8:27 PM

Assalammualaikum wr.wb

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.









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.











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











<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

4 komentar:


SEO Reports for selo-aji.blogspot.com Free PageRank Checker