Membuat Label Cloud Full Colors

Membuat suatu label di blog membuat blog kita  lebih rapi dengan kategori-kategori yang ada di blog, sehingga banyak kalangan blogger menaruh labelnya di widget template nya. Selain berkesan rapi juga membuat pengunjung tidak 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 saya akan membahas bagaimana mempercantik widget label pada blog kalian, yaitu membuat widget label cloud dengan full color, seperti yang sudah Wirabaz Blog lakukan di blog ini,  seperti gambah di bawah:

Langsung saja, untuk membuat widget label cloud full colors, ikuti langkah-langkah di bawah ini:

1. Letakkan kode di bawah ini di atas kode ]]>

.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}

    Keterangan: Silakan ganti kode yang berwarna merah dengan selera kalian.

2. Setelah selesai, silakan Simpan Template kalian.
3. Pergi ke Tata Letak
4. Tambahkan widget label

5. Simpan dan lihat hasilnya.

Widget label cloud kalian sudah menjadi full colors, warna label kalian bisa kalian ganti sesuka hati kalian.

Sekian artikel saya kali ini, semoga bermanfaat. Terima kasih sudah berkunjung, sampai jumpa di artikel selanjutnya.