Simple ! How to Make a Colorful Blog Labels

9:07 pm
( MAKE A COLORFULL BLOG LABELS │Image source :Lintas.me )
 Kampoeng iLmu2 - How to Make a Colorful Blog Labels , With Color Label Existing warninya, we can draw our Visitor To click on a label that is like a rainbow!. Love makes the squeeze in part, can benefit Visitor Blog We add ! If you Want to Make Please Follow the Steps below.

Follow Step by Steps :

First You Go To Dashboard Blog You!

Both Afterwards Search HTML code  ]]></ b: skin> With (Ctrl + f)

Third After That Copy the CSS Code Below And Paste That Code Above Right :

.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}
   
Four Click the Save !! And View results ! 8)

That's his way The Error Code If There Can Or False reports in comments Admin Will Direct Fix! And I hope this article can the Few Helpful For Your Blogger. Byee :d 

Share this :

Aditya Iqbal Adalah Blogger Asal Indonesia Yang Bekerja Di Bidang IT dan Design.

0 Komentar

+ PERATURAN +

♣ Berkomentar Relavan
♣ Berkomentar Sopan
♣ Tidak Boleh Berkomentar Kotor
♣ Saling Menghargai Sesama Komentator

- CEO

Penulisan markup di komentar
  • Silakan tinggalkan komentar sesuai topik. Komentar yang menyertakan link aktif, iklan, atau sejenisnya akan dihapus.
  • Untuk menyisipkan kode gunakan <i rel="code"> kode yang akan disisipkan </i>
  • Untuk menyisipkan kode panjang gunakan <i rel="pre"> kode yang akan disisipkan </i>
  • Untuk menyisipkan quote gunakan <i rel="quote"> catatan anda </i>
  • Untuk menyisipkan gambar gunakan <i rel="image"> URL gambar </i>
  • Untuk menyisipkan video gunakan [iframe] URL embed video [/iframe]
  • Kemudian parse kode tersebut pada kotak di bawah ini
  • © 2015 Simple SEO ✔