Horizontal Floating Share

di
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 ..........!!!

Artikel Menarik Lainnya :