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
KustomisasiSetelah 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
- 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
social iconnya gede2 yah ....puas banget ngelihatnya.
BalasHapuswah ....konsen ma design2 blog nih.....
konsen mikirin kamu kok mbak.
Hapushahaha
Hapusko tau hihihi
tentu saja tahu mas rul, pasti sudah dicoba tuh
Hapuskalo sy udah final design template, html blog. capek sy ngeliat html soalnya
BalasHapussama sob memang terkadang lelah hihi
HapusSosial iconnya keren-keren ya mas, bikin berat blog gak mas nantinya?
BalasHapusgak terlalu sob ,, sedang-sedang aja hehe
Hapuscakep nih kang rul social icon bener2 collor full and sipp blog design :)
BalasHapushayoo saya pake bahasa apa coba..
bahasa alay..
Hapusternyata mas andes prajurit alayer :p
wkwkwkwk
Hapusgak ikutan ndes hehe
wah full rupanya yah
Hapusjadi terlihat lebih cantik icon nya ^_^
BalasHapusmudah dipahami tutornya, mungkin ananti ane pasang makasih :)
BalasHapusditempatku kayaknya udah penuh :D .
BalasHapusgak apa miz, saya rasa kalau dipasang tambah cantik tuh sialnya warna warnai..hihihi..
HapusBeneran warna warni ya mas...keren plus menarik :)
BalasHapusmemang keren juga mas, saya rasa kalau dipasang di blog mas budi cocok banget, bahkan bisa tambah keen blognya
Hapussala kenal gan,tutor nya bagus :D
BalasHapusmampir ya ke blog ane : www.bmaster23.blogspot.com
izin bm sob
BalasHapussilahkan mbak maya, hehe..
Hapuskeren gan :D
BalasHapusOh jadi seperti inilah Collor Full Social Icon yang elegant dan cocok untuk semua template. kalau loadingnya tidak berpengaruh saya rasa cocok juga buat digunakan, oke sobat trima kasih atas tutorialnya
BalasHapusbelum apdet ni.... k rully .. hayo apdet template.
BalasHapusbabari jigana nu ieumah bro,,,
BalasHapus