Collor Full Social Icon

Collor Full Social Icon
Setelah beberapa jam disibukan dengan pekerjaan seputar ramadhan , akhirnya ada sedikit waktu senggang untuk menulis sesuatu di blog jelek ini . Pada kesempatan yang lalu saya membuat postingan tentang Sliding Social Icon sebagai tombol share yang cukup atraktif . Kali ini pun saya akan membagikan widget share yang gak kalah kerennya , Collor Full Social Icon yang elegant dan cocok untuk semua template. Untuk lebih jelasnya silahkan sobat lihat pada demonya


Kustomisasi
  • Klik Tab " Tata Letak " 
  • Klik " Tambah gadget "
  • Cari Tab " HTML/Javascript"
  • Masukan kode dibawah ini
<style>
.socialicons_widget_sidebar li {
float: left;
width: 147px;
height: 147px;
margin: 0 0 0 0;
padding: 0 0 0 0;
border-bottom: none;
}
.socialicons_widget_sidebar li a {
line-height: 1px;
display: block;
}
.socialicons_widget_sidebar li a:hover img {
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
}
.socialicons_widget_sidebar li a span {
display: none;
}
.socialicons_widget_sidebar li.rss-icon {
margin: 0 6px 6px 0;
}
.socialicons_widget_sidebar li.facebook-icon {
margin: 0 6px 0 0;
}
</style>
<div id="socialicons_widget_sidebar-2" class="row widget socialicons_widget_sidebar">
<ul style="margin: 0 0 0 0; padding: 0 0 0 0; list-style: none;">
<li class="twitter-icon" style="margin-left: 155px;"><a target="_blank" href=" # " rel="nofollow"><img src="http://2.bp.blogspot.com/-WTZHuSjCShQ/UbyrL3yOccI/AAAAAAAAUcQ/dBE2LWcLYwo/s1600/twitter.png" width="147" height="147"><span>Twitter</span></a></li>
<li class="facebook-icon" style="margin-top: -146px;"><a target="_blank" href=" # " rel="nofollow"><img src="http://3.bp.blogspot.com/-iDNIknxMyks/UbyrK0vjYAI/AAAAAAAAUb8/nsrGs5c7n_g/s1600/facebook.png" width="147" height="147"><span>Facebook</span></a></li>
<li class="rss-icon" style="margin-top: 7px;"><a target="_blank" href=" # " rel="nofollow"><img src="http://3.bp.blogspot.com/-R2QRUVVk65w/UbyrLZTAnHI/AAAAAAAAUcE/iB4qoGktLUY/s1600/rss.png" width="147" height="147"><span>Rss Feed</span></a></li>
<li class="google-icon" style="margin-left: 155px;margin-top: -153px;"><a target="_blank" href=" # "><img src="http://3.bp.blogspot.com/-BgehdfIqB4s/UbyrLH0oGJI/AAAAAAAAUcA/SoTQlqcFGCQ/s1600/google.png" width="147" height="147"><span>Google+</span></a></li>
</ul>
</div>

  • # silahkan ganti dengan URL Facebook , Twitter , Rss Feed dan Google + sobat
  • Save dan lihat hasilnya


Selamat Berpuasa Brada !!!

Artikel Menarik Lainnya :