Free Tutorials - Jadi artikel kali ini saya ingin memberikan Cara membuat Follow Us SosMed, Jadi fungsi itu untuk mengikuti pribadi Web / Blog yang bersangkutan.
Berikut caranya :
1. Masuk ke www.blogger.com
2. Pilih blog > Template > Edit HTML
3. Kemudian Cari kode ]]>
4. Jika sudah ketemu copy dan paste kode CSS di bawah ini , tepat di atas/sebelum kode ]]>
/* CSS Follow us */
.vienna-socials-icons ul{margin:0;padding:0;list-style:none;margin-bottom:-5px;margin-right:-5px;overflow:hidden}
.vienna-socials-icons ul li:before{display:none}
.vienna-socials-icons ul li{margin:0;padding:0;list-style:none;float:left;width:48px;height:48px;line-height:48px;text-align:center;background:#00baff;font-size:21px;margin-right:5px;margin-bottom:5px}
.secondary-sidebar .vienna-socials-icons ul li{width:36px;height:36px}
.secondary-sidebar .vienna-socials-icons ul li a{line-height:45px}
.secondary-sidebar .vienna-socials-icons ul li a i{font-size:20px}
.vienna-socials-icons ul li a{line-height:45px;display:block;color:#fff}
.vienna-socials-icons ul li a:hover{color:#fff}
.vienna-socials-icons ul li.home{background:#83868a}
.vienna-socials-icons ul li.facebook{background:#516ca4}
.vienna-socials-icons ul li.googleplus{background:#f20000}
.vienna-socials-icons ul li.rss{background:#f29400}
.vienna-socials-icons ul li.youtube{background:#f20000}
.vienna-socials-icons ul li.dribbble{background:#dc71a6}
.vienna-socials-icons ul li.deviantart{background:#4c5e51}
.vienna-socials-icons ul li.pinterest{background:#f20000}
.vienna-socials-icons ul li.instgram{background:#406f94}
.vienna-socials-icons ul li.tumblr{background:#395875}
.vienna-socials-icons ul li.linkedin{background:#1985bc}
.vienna-socials-icons ul li.soundcloud{background:#f60}
5. Simpan Template , dan untuk tahap selanjutnya..
6. Masuk ke Tata Letak/layout
7. Tambahkan gadget Widget
8. Pastekan kode dibawah ini tapat di kolom Html/Javascript tersebut
9. Simpan Setelan.
Dan lihat hasilnya :)