Selasa, 15 Maret 2016

Cara Merubah Label Blog Menjadi Full Color

Semua-Niche|Cara Merubah Label Defaulf Menjadi Full Color,Label Memang sangat
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 anda
2.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