Cara membuat Follow Media Sosial Melayang Keren

Selamat sore guys , sudah mandi belum nanti bau loh hehehe

Ok kali ini saya akan memberikan sebuah tutorial cara membuat Tombol Follow Media Sosial

Ok langsung saja ke KTP

Screanshoot :D

1. Buka dulu Blogger , jika belum bisa klik disini
2. Klik Menu Tata Letak
3. Tambahkan Gadget
4. Kemudian Pilih  HTML/Java Script
5. Terus pastekan kode di bawah ini

<!--stickysocial_dock-->
<style type='text/css'>
.stickysocial {
background: #ffffff;
position: fixed;
top: 35%;
right: 0.25%;
z-index: 100;
vertical-align: bottom;
width: 37px;
text-align: center;
}
.stickysocial a:hover {
opacity: .73;
-moz-opacity: .73;
filter: alpha(opacity=73);
}
</style>

<div class='stickysocial' id='stickysocial_dock'>

<a href='https://plus.google.com/USERNAME' target='_blank' title='Follow us on Google+'><img alt='Google+' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiaIVIHxKrH7IX-qy_BeUiefMGZZJ7BzyWRhc3TidbTXzn9wcgTqlQvWDB76bqxptL4y68YlmXT8BRCWF-q0mC2q8kMtEknSQhEJ_7jRR23eeI37UmoFrxEB5LVyD5VzJLsLAdTdzGcBc/s1600/g+.png' style='position:relative; width:37px'/></a>

<a href='http://www.facebook.com/USERNAME' target='_blank' title='Follow us on Facebook'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXan7mV4npTzRK_A9xxETEJXVjG090CTSQG4PWQXUILQRbtIXubbMJWXEWSoWM-UXTu05vyGNAysj2quzcO4uat8aP7nMl2g85FdlfgNDfAUUsYkFi8i82Gdj_Ry7u4v0m5WFMlo_413o/s40/facebook.png' style='position:relative; width:37px'/></a>

<a href='http://twitter.com/USERNAME' target='_blank' title='Follow us on Twitter'><img alt='Twitter'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2ns02i_v7aNmBIYcmCHr7F9dC54n5cB8T8IgC8eSHFCnhPz97mzuDReyWIBsujutGspKiz-AGTw8eIi57DsMdcnxwZBE-RM7_4Q_0UWAyJ5HBDUuRMPStEktqLgJnMKXXSIZrxWSClPw/s40/twitter.png' style='position:relative; width:37px'/></a>

<a href='http://feedburner.google.com/fb/a/mailverify?uri=ID FEEDBURNERANDA' target='_blank' title='News latters'><img alt='mail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh227OWFd_Rd3hiYA6WShtLVvHQhouGN2fgbfry1DnxJJt0RthvLH5M6lsjEBpWEfVSCnsHd_Fs3jlF8X4KnVs5PCnM56hZpPl2E17M4tcTIBstvvhqVJoH2h0hawGBRbPXTllRuvpkRRQ/s40/mail.png' style='position:relative; width:37px'/></a>

<a href='http://feeds.feedburner.com/USERNAME' target='_blank' title='Feed'><img alt='SC' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipu6xijZ_1_PmUqJrTV6Ug_0WmoWL_B_l8vZQKtODGiV5RDGxSKK8700syMB7YalpLPBlP3M7oKsKD8bOc2cmd6UfhPO6kEkHJ_e-mi-P2qfNbABlgijK4I8ZGXrJHr2A7IZ2ygGRbP5U/s40/rss.png' style='position:relative; width:37px'/></a>

</div>

Nb :tulisan berwarna merah ganti dengan user masing-masing sobat , tulisan berwarna biru untuk mengganti warna background

6. dan terakhir simpan dan lihat hasilnya


Selamat Mencoba ^_^ Semoga Berhasil