Membuat Label Berwarna Warni Di Blog

Membuat Label Berwarna-Warni Di Blog - Membuat Label Berwarni Warni Memang
Sudah tidak asing lagi setelah kemarin saya membagikan artikel
 CARA MEMBUAT TOMBOL BACK TO TOP DENGAN EFEK BOUNCE ALA KANG ISMET
Mungkin dari sebagian anda sudah bosan dengan bentuk dari label default atau memang sudah
Tidak menarik lagi untuk dipandang mungkin label ini bisa jadi Refrenshi bagi anda yang
Membutuhkan label berwarna

Berikut Tutorialnya :

1. Cari Kode ]]></b:skin>

2. Kemudian Tambahkan 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}

3. Kemudian Simpan Template