Horizontal Floating Share - Postingan kali ini sebenarnya request dari sahabat [OBC] yang menanyakan tentang cara membuat tombol berbagi yang berbentuk horizontal dengan efek floating dan embel - embel tombol close ( x ) dan open ( + ) . Tombol share dengan system floating horizontal ini akan terlihat/muncul ketika kita melakukan scroll. Trik ini memang sudah tidak asing lagi alias basi bagi kalangan blogger apalagi para master yang telah lebih dulu mengenal dan memasangnya , namun dengan perkembangan dunia bloger sekarang yang sangat pesat tentu banyak kalangan bloger-bloger newbie seperti saya belum begitu paham untuk bisa menerapkanya . Nah bagi brada yang ingin menerapkannya silahkan ikuti caranya tapi sebelumnya brada lihat dulu demonya.
Kustomisasi
- Cari kode </head>
- Masukan kode dibawah ini tepat sebelum kode </head>
<script type='text/javascript'> var addthis_config = { bar_show_below : 150 } </script> <script src='http://s7.addthis.com/js/300/addthis_widget.js' type='text/javascript'/>
- Cari Kode </body>
- Masukan kode dibawah ini tepat sebelum kode </body>
<div class='addthis_bar addthis_bar_medium'> <label>Share This Page:</label> <div class='addthis_toolbox addthis_default_style addthis_32x32_style'> <span><a class='addthis_button_preferred_1'/></span> <span><a class='addthis_button_preferred_2'/></span> <span><a class='addthis_button_preferred_3'/></span> <span><a class='addthis_button_preferred_4'/></span> <span><a class='addthis_button_compact'/></span> <span><a class='addthis_counter addthis_bubble_style'/></span> </div> </div>
Sekarang brada SAVE dan lihat hasilnya.
Selamat nungguin adzan maghrib ..........!!!
Mantep kang... keren, urang pasangkeun na template selanjutnyah ah ;)
BalasHapuspasti bakalan keren atuh .. pokonya di tunggu banget kang
Hapusbiasa buat nambah koleksi hehe
Keren banget sobat. Harus dicoba ni...
BalasHapusharus dicoba sob ...
HapusWuih pengin nyoba. Kayaknya bagus kalo pake tombol tersebut.
BalasHapuscocok tuh sob ..
HapusBTW apa bisa digunakan disemua jenis Template kang bro??apa khusus untuk Template tertentu???
BalasHapusuntuk semua template kang ...
Hapusdari template jenis a sampe z hehe
weiss berarti kompatible nih buat template saya. ^_^
Hapusyoi sob ...
Hapus