ANEUK MUMANG™ - Apa anda bingung dengan mencarai Tombol Botton follow Twitter & like Facebook juga Google. Kali ini saya menco berbagi untuk anda yang ingin.
Kali ini tombol sosial fansnya melayang mengikuti cursor, cukup menarik dan membuat blog anda indah juga menarik sekaligus tidak memakan ruang sidebar juga foter. Untuk DEMO langsung saja lihat di blog ini, sebelah kanan, sisi tengah, Kren tidak.
Kita mulai saja.
Menambahkan HTML/JavaScipt Salin kode di bawah ini.
Simpan
Keterangan:
Ganti 'ANEUK MUMANG™' dengan yang punya ada.
Selamat Mencoba - Semoga sukses.
Kita mulai saja.
Menambahkan HTML/JavaScipt Salin kode di bawah ini.
<style type='text/css'> .soc-fixed a, .slider-tooltip p{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out} .slideshow-chunk>div{-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out} .soc-fixed{height:150px;left:50%;position:fixed;top:200px;width:18px;z-index:5;margin-left:495px} .soc-fixed a{display:block;margin-left:133px;width:19px;height:20px;position:absolute;top:0;right:0;color:#fff!important;text-decoration:none;text-transform:uppercase;font-size:10px;font-weight:700;line-height:20px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVIlyviwtSOr_sg1Y3sDELlssOLX7l_HHSjBgtgRZoNO7Reu3gEBUNVe2s-5r6AtXt48-1ApqYV-B9na2tPKbMrHLJei51vWi-5_NVegMHdYjWd0VFzgyzH-xTWdEkdnxaLEQO_WAmb5o/s1600/soc-icons.png) no-repeat;overflow:hidden} .soc-fixed a span{min-width: 152px;padding: 2px;display:block;visibility:hidden;min-width:152px} .soc-fixed a:hover{min-width:133px;padding-left:25px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out} .soc-fixed a:hover span{visibility:visible;position:absolute;top:0;left:25px} .soc-fixed a.soc-facebook{background-position:3px -15px;top:20px;background-color:#526ca5} .soc-fixed a.soc-twitter{background-position:3px -36px;top:40px;background-color:#75ddfe} .soc-fixed a.soc-rss{background-position:3px -55px;top:60px;background-color:#f6a858} .soc-fixed a.soc-mail{background-position:3px -75px;top:80px;background-color:#c1c1c2} .soc-fixed a.soc-facebook:hover{background-color:#526ca5;background-position:5px -15px} .soc-fixed a.soc-twitter:hover{background-color:#75ddfe;background-position:5px -36px} .soc-fixed a.soc-mail:hover{background-color:#c1c1c2;background-position:5px -75px} .soc-fixed a.soc-rss:hover{background-color:#f6a858;background-position:5px -55px} .soc-fixed a.soc-facebook:active{background-color:#294a90} .soc-fixed a.soc-twitter:active{background-color:#40b5fe} .soc-fixed a.soc-mail:active{background-color:#909090}.soc-fixed a.soc-rss:active{background-color:#f37526} </style> <div class='soc-fixed'> <a class='soc-facebook' href='https://facebook.com/ANEUK MUMANG™' onclick='dcsSetVar('WT.z_iLinks','Facebook','WT.z_iLinks_actionoffer','exnav-soc','WT.z_iLinks_targetcampaign','src-gs');' target='_blank' title='Facebook'><span>facebook page</span></a> <a class='soc-twitter' href='https://twitter.com/ANEUK MUMANG™' onclick='dcsSetVar('WT.z_iLinks','Twitter','WT.z_iLinks_actionoffer','exnav-soc','WT.z_iLinks_targetcampaign','src-gs');' target='_blank' title='Twitter'><span>visit twitter</span></a> <a class='soc-rss' href='/feeds/posts/default' onclick='dcsSetVar('WT.z_iLinks','RSS','WT.z_iLinks_actionoffer','invite-follow','WT.z_iLinks_targetcampaign','src-gs');' target='_blank' title='RSS Feed'><span>rss feed</span></a> <a class='soc-mail' href='ANEUK MUMANG™' onclick='dcsSetVar('WT.z_iLinks','Email','WT.z_iLinks_actionoffer','invite-email','WT.z_iLinks_targetcampaign','src-gs');' target='_blank' title='Email'><span>newsletter</span></a> </div>
Simpan
Keterangan:
Ganti 'ANEUK MUMANG™' dengan yang punya ada.
Selamat Mencoba - Semoga sukses.
