Panduan Cara Membuat Tampilan Gadget Label Menjadi Lebih Menarik
Para sahabat bloger pasti pernah melihat tampilan gadget/widget label pada blog/web dengan tampilan yang menarik, nah disini saya akan membi cara yang mudah tentunya untuk Membuat Tampilan Gadget Label Menjadi Lebih Menarik,
Tampilanya sama seperti gambar disamping ini atau di label blog karna saya juga telah memasangnya.
Dibawah ini adalah kode css yang dipasang di HTML
/* label-size white */
.label-size {position:
relative;float:left;}.label-size::before {content: ' ';width: 0;height:
0;top: 2px;position: absolute;right: -4px;border: 14px solid
transparent;border-left-color: #DDD;}.label-size a{float:
left;font-size: 14px;padding: 5px 10px;background: white;margin: 3px
24px 15px 1px;position: relative;width:95px;outline:
1px solid #DDD;color: #B4B4B4;}.label-size a::before {content: '
';width: 0;height: 0;top: 0;position: absolute;right: -26px;border: 13px
solid transparent;border-left-color: white;}.label-size a::after
{content: ' ';position: absolute;background: #F6F6F6;border-radius:
10px;height: 10px;right: -1px;top: 7px;width: 10px;border: 1px solid
#DDD;}
.label-size a:hover{color:#222 !important}
Untuk melanjutkan tentang Membuat Tampilan Gadget Label Menjadi Lebih Menarik silahkan kunjungi link sumbrnya di bawah ini
http://ut2a-4down.blogspot.com/2012/10/mempercantik-tampilan-labels-blogger.html
Title : Membuat Tampilan Gadget Label Menjadi Lebih Menarik
Description : Panduan Cara Membuat Tampilan Gadget Label Menjadi Lebih Menarik Para sahabat bloger pasti pernah melihat tampilan gadget/widget label...