Yeay,membuat suatu label di blog membuat blog kita lebih rapi dengan
kategori kategori yang ada di blog,sehingga banyak kalangan blogger
menaruh label nya di widget template nya,selain berkesan rapi juga
membuat pengunjung gak kebingungan harus mencari kategori di blog
tersebut
membuat label di blog ada dua macam style nya ada yang menurun seperti text biasa ada juga yang cloud
nah,kali ini gw akan bahas yang label cloud untuk mempercantik nya tentu
saja kalangan blogger berexperimen dengan cara nya masing masing,kali
ini kita akan membuat label tetap berbentuk cloud tapi full color
gimana,menarik banget kan
dari mati penasaran yuk langsung aja coba
1.letakkan kode di bawah ini di atas kode ]]><b:skin
.label-size {
position:relative;
text-transform:uppercase;
text-decoration:none;
font-size:13px;
font-family:Arial;
color:#fff!important;
}
.label-size a {
color:#fff!important;
font-weight:bold;
padding:8px 10px;
margin:0 6px 6px 0;
float:left;
display:block;
transition: all 0.4s ease-in-out;
}
.label-size-1 a {background:#1abc9c;border-bottom:3px solid #127F69;}
.label-size-1 a:hover {background:#16a085;}
.label-size-2 a {background:#3498db;border-bottom:3px solid #226693;}
.label-size-2 a:hover {background:#2980b9;}
.label-size-3 a {background:#2ecc71;border-bottom:3px solid #1F8C4C;}
.label-size-3 a:hover {background:#27ae60}
.label-size-4 a {background:#9b59b6;border-bottom:3px solid #74398E;}
.label-size-4 a:hover {background:#8e44ad}
.label-size-5 a {background:#e74c3c;border-bottom:3px solid #922C20;}
.label-size-5 a:hover {background:#c0392b}
kode yang warna merah adalah warna nya,bisa di ganti sendiri sesuai selera
2.simpan template kamu
3.setting widget label di tata letak
pilih tampilan cloud di widget label kamu
4.simpan lagi dan lihat hasil nya
dan tara! widget label kamu udah keren dengan style full color
warna label nya bisa di ganti sendiri sesuka hati
This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.
ConversionConversion EmoticonEmoticon