Cara Mengganti Penampilan Label Lebih Keren ( Bag.2 )

Banyak sekali cara mengganti penampilan label blog agar lebih keren, karena itu saya akan membagi beberapa bagian artikel yang akan saya bahas satu persatu.
Pada bagian pertama saya sudah menjelaskan tentang bagaimana cara membuat penampilan label lebih keren dengan salah satu efeknya yaitu efek goyang apabila mouse di arahkan ke salah satu label. Jika sobat belum membaca artikel penampilan label lebih keren ( bag.1 ) sobat bisa langsung Klik Disini.

Pada bagian ke 2 ini saya akan menawarkan penampilan label dengan background berwarna-warni sesuai keinginan, berikut hasil label yang saya maksud :

Bagaimana, keren kan?? Jika sobat ingin memasang penampilan label seperti di atas sobat bisa mengikuti beberapa langkah berikut :

1. Login ke akun blogger sobat
2. Masuk ke pengaturan Templete
3. Kilk Edit Templete
4. Cari kode ]]></b:skin> (gunakan Ctrl+F untuk mempercapet pencarian)
5. Copy kode di bawah dan letakkan tepat di atas kode ]]></b:skin> tadi :

#Label1 .cloud-label-widget-content {text-align:center;font-weight: bold;padding: 5px 0}
#Label1 .cloud-label-widget-content span {display: inline-table; line-height: 1.2;}
#Label1 .cloud-label-widget-content span a {padding:4px 5px;color:#fff}
#Label1 .label-size {margin:4px 0;}
#Label1 .label-size span {background:#E95D0C;padding:4px 5px;color:#fff}
#Label1 .label-size-1 a {background:#ff8c00;font-size:11px;}
#Label1 .label-size-2 a {background:#556b2f;font-size:13px;}
#Label1 .label-size-3 a {background:#cd5c5c;font-size:14px;}
#Label1 .label-size-4 a {background:#B32A32;font-size:16px;}
#Label1 .label-size-5 a {background:#66CC00;font-size:18px;}
#Label1 .cloud-label-widget-content span a:hover {background:#B32A32;}

      6.  Simpan Template dan lihat hasilnya

Catatan :

• Kode yang di beri warna merah merupakan kode warna label 1, label 2, label 3 dan seterusnya, sobat bisa mengganti dengan warna yang sobat kehendaki.
• Kode yang di beri warna hijau merupakan ukuran label, silahkan sobat sesuaikan.
• Kode yang di beri warna biru merupakan warna teks pada label
• Kode yang di beri warna orange merupakan warna label yang di kunjungi, silahkan sobat ganti sesuai selera.
• Kode warna bisa sobat Lihat Disini

Cara di atas belum seslesai, untuk bisa mengganti atau merubah penampilan label seperti di atas sobat harus melanjutkan langkah-langkah sederhana di bawah ini :

1. Masuk ke pengaturan Tata Letak
2. Kemudian kilk Tambah Widget
3. Pilih widget Label

        4.  Pilih pengaturan Dispaly Cloud lalu Save ( Simpan )

Semoga penjelasan tentang cara mengganti penampilan label lebih keren ( bag.2 ) di atas bisa di mengerti dan mudah difahami.

Untuk melihat penampilan label lebih keren ( bag.1 ) sobat bisa Lihat Disini.

Sumber Kode : http://www.bloggerspice.com