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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyJLFpuCDAj5fw91mEYj0ulmQMcMOL0jUXhXdRQGZ1AhD3-IGryFzo6ZcBfgaKAP6H4MusW7wwYT4IrK_PcxQNKYcaWOugSgjdmaPZpHFNAyFN_Q7W1nQpSB8TI0tqRXVauVXbgv2h80U0/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf1LCwpw_6qEE1q2EggZOLgb7b3ztwJQX5jve7Z2SxeCbLsZK3x7vbKfusqOcw4Q3u4P1aDP3qhAPca6PbfJr099sz0st1SGxT_X1hTqc9GuiPZjgkHJ3sUlm35JcZ2V4lBQy5ox6c53PN/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbD5i3H09qmHfTVzBLCL4VWx9BoQqlAvcfzgKw8dRCiTZx4w-ZLnpvyDz8iRyk0O_0_MzV9YjnyJP8N0VWgFPYQUs-KIo-WRkED2ASh6eLPlZI7WbEa2PFSjgWVCPcaLKfxd1eCZ6eMDiF/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS4fvq9LxEtHmqD0GUTABsx4KC87umw7gFalmO5d7xUoKdiIInADk53hwZlXAmnlQpJhohFrlQbEBhGW_xem4O6WJInINdmd6kzPGkp1FCwiVnM-F2z2kFCaRMciaSTKZ0e_vQh-Z-tBex/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 !!!