berguna bagi blog,label sendiri sangat berfungsi untuk memudahkan pengunjung
untuk melihat artikel sesuai label,contohnya apabila ada label "Berita Menarik" maka
apabila pengunjung meng-klik label tersebut maka ia akan tertuju pada artikel berita
Tetapi apakah anda bosan dengan tampilan label yang default ? , mungkin merbuahnya
menjadi penuh warna/full color adalah alternatifnya,mungkin tutorial yang akan saya
sajikan berguna bagi anda .
Langkah pembuatan :
1.Langkah Pertama,Masuk kedalam blog anda2.Silahkan Anda Cari Kode ]]></b:skin> dalam blog anda
3.Letakan Kode Dibawah Ini Diatas Kode Tersebut
.sidebar .label-size {
position:relative;
text-transform:uppercase;
text-decoration:none;
font-size:13px;
font-family:Arial;
color:#fff!important;
}
.sidebar .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;
}
.sidebar .label-size-1 a {background:#1abc9c;border-bottom:3px solid #127F69;}
.sidebar .label-size-1 a:hover {background:#16a085;}
.sidebar .label-size-2 a {background:#3498db;border-bottom:3px solid #226693;}
.sidebar .label-size-2 a:hover {background:#2980b9;}
.sidebar .label-size-3 a {background:#2ecc71;border-bottom:3px solid #1F8C4C;}
.sidebar .label-size-3 a:hover {background:#27ae60}
.sidebar .label-size-4 a {background:#9b59b6;border-bottom:3px solid #74398E;}
.sidebar .label-size-4 a:hover {background:#8e44ad}
.sidebar .label-size-5 a {background:#e74c3c;border-bottom:3px solid #922C20;}
.sidebar .label-size-5 a:hover {background:#c0392b}
Untuk Mengganti Warna,Silahkan anda ganti kode backgroud nya .
Tidak ada komentar:
Posting Komentar