Label adalah adalah salah satu bagian penting, yang ada dalam sebuah Blogger. Karena dengan adanya label ini, kita dapat dengan mudah mengelompokan jenis artikel pada blog kita. Namun apakah kamu merasa label yang kamu buat itu biasa-biasa saja? Pada artikel saya kali ini, saya akan memberikan sebuah cara agar label pada blog kita terlihat lebih keren.

Contoh Label

Tapi kamu harus dapat membedakan antara label dengan tabel. Keduanya memiliki perbedaan dari definisi dan juga fungsinya. Karena sebelumnya saya juga sudah pernah membaca tentang tabel ini. Dan khusus untuk kali ini saya akan membahas lengkap mengenai label pada Blogger.

Label pada blog berfungsi untuk mengelompokan sebuah artikel, yang sudah pernah kita terbitkan. Jadi wajar saja kalau label ini, sering dimanfaatkan oleh Blogger untuk membuat menu kategori pada blog mereka.

Nah bagi kamu yang ingin meletakkan, label pada blog terletak di bagian menu navigasi blog. Kamu dapat menggunakan kode css berikut ini, agar label yang kamu tampilkan pada blog kamu menjadi lebih indah dan juga keren.

Silahkan copy semua Kodenya dibawah ini ya, dan letakan Kodenya tepat diatas]] ></b:skin> atau </style >.

/* Widget Label Keren */ .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 { font-size:100%; filter:alpha(100); opacity:10 } .cloud-label-widget-content{ text-align:left } .label-size { border-radius:30px; background:#076BB8; display:block; float:left; margin:0 3px 3px 0; color:#ffffff; font-size:11px; text-transform:uppercase; } .label-size a,.label-size span{ display:inline-block; color:#ffffff !important; padding:6px 8px; font-weight:bold; } .label-size:hover { border-radius:30px; background:#333333; } .label-count { white-space:nowrap; border-radius:30px; padding-right:3px; margin-left:-3px; background:#333333; color:#fff !important; } .label-size { line-height:1.2 }

Jika sudah kamu masukan pada template kamu, silakan simpan. Maka secara otomatis semua label pada blog kamu, menjadi sesuai dengan css yang telah kamu tambahkan tadi.

Keterangan:

  1. #076BB8 Kode Warna satu, silakan rubah sesuai selera kamu.
  2. #333333 Kode Warna dua, sesuaikan juga dengan warna kesukaanmu.

Nah mungkin itu dulu untuk tutorial membuat label keren di Blogger kamu. Selamat mencoba ya.