How To Make Floating Button Sosial Media

How To Make Floating Button Sosial Media ~ Salam blogger semuanya. Pada kali ini saya akan membagikan cara membuat Floating Button Sosial Media dan untuk demonya anda bisa lihat diblog ini.

Langsung saja ketutorialnya:
- Masuk keblogger >> Tata Letak >> Tambahkan Gadget >> HTML/Javascript lalu masukan kode dibawah ini:

<style type='text/css'>#widget-social{position:fixed;padding:0;margin:0 auto;left:0px}ul.kompisocial{border:0;list-style:none;overflow:hidden;margin:10px}.kompisocial li{background:none!important;margin-left:4px;padding:0!important}.kompisocial li a {display:block;width:57px;height:57px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIuG6slJzq6CD-KG95XwI7d6W8_-jPyY7BTQLd8JUoXOfXTJ_u9au6rscjovWID5alsKyuR3Appo6PDng03bmX5qB_tm-bfYrTEGbML05kubcbczQx_vXPncDKumYt8gf_Ou7qtIrwdRvM/s1600/mixicon.png) no-repeat transparent;text-indent:-99999em!important}.kompisocial li a:hover{padding:0!important}.kompisocial li.rssicon a{background-position:-186px 0;transition:all 400ms ease-in-out}.kompisocial li.gicon a{background-position:-124px 0;transition:all 400ms ease-in-out}.kompisocial li.twicon a{background-position:-62px 0;transition:all 400ms ease-in-out}.kompisocial li.fbicon a{background-position:0 0;transition:all 400ms ease-in-out}.kompisocial li.rssicon a:hover{background-position:-186px -62px}.kompisocial li.gicon a:hover{background-position:-124px -62px}.kompisocial li.twicon a:hover{background-position:-62px -62px;}.kompisocial li.fbicon a:hover{background-position:0 -62px}</style><div id='widget-social'><ul class='kompisocial'><li class='rssicon'><a href='http://feeds.feedburner.com/DekBlogger' rel="nofollow" target='_blank' title='Subscribe by RSS'>RSS</a></li><li class='gicon'><a href='http://plus.google.com/+ArifRachmanHakim' rel="nofollow" target='_blank' title='Follow on Google+'>Google Plus</a></li><li class='twicon'><a href='http://www.twitter.com/Arr_hakim' rel="nofollow" target='_blank' title='Follow on Twitter'>Twitter</a></li><li class='fbicon'><a href='http://www.facebook.com/arif.rachmanhakim4' rel="nofollow" target='_blank' title='Add on Facebook'>Facebook</a></li></ul></div>

Ganti tulisan yang berwarna:
- Jingga dengan link feed burner blog kalian
- Merah dengan link akun google plus kalian
- Biru muda dengan link akun twitter kalian
- Biru dengan link akun facebook anda

Lalu klik simpan.
Selamat mencoba semoga berhasil.
Sumber tutorial: - www.kompiajaib.com