Blogger Merilis versi baru dari Widget Label

Blogger, sebagai bagian dari perayaan ulang tahunnya yang ke 10 , kini telah merilis versi baru dari label gadget. Yang ini jauh lebih baik daripada versi yang lama

Apa yang baru?

1. Itu datang dengan Cloud Label.
2. Ini memungkinkan Anda memilih label mana yang akan ditampilkan.
3. Anda dapat menyesuaikan lebih lanjut menggunakan CSS.

Kekurangannya

1. Cloud hanya memiliki 5 variasi. Semua label akan dibagi menjadi 5 kelas tergantung pada penggunaan label ini.
2. Akan lebih baik jika ada jumlah kelas yang lebih besar.

Bagaimana cara menyesuaikan?

Anda dapat menyesuaikan tampilannya lebih jauh dengan menggunakan CSS..Seperti yang saya katakan itu memiliki 5 kelas awan..Anda dapat menambahkan gaya CSS ke masing-masing.

Berikut ini adalah contoh Gaya yang akan memberikan tampilan kebiru-biruan untuk awan .. Di sini saya telah menerapkan gaya untuk semua 5 label kelas dan gaya hover mereka (jadi total 10 definisi gaya).

.label-size-5 a {color: # 2789ce; / * warna label kelas 5 * /
ukuran font: 3em;
teks-dekorasi: tidak ada;
   }
.label-size-5 a: hover {color: # 2789ce; / * warna label kelas 5 pada hover * /
teks-dekorasi: garis bawah;
   }
.label-size-4 a {color: # 2789ce; / * warna label kelas 4 * /
ukuran font: 2.5em;
teks-dekorasi: tidak ada;
   }
.label-size-4 a: hover {color: # 2789ce; / * warna label kelas 4 pada hover * /
teks-dekorasi: garis bawah;
   }
.label-size-3 a {color: # 2789ce; / * warna label kelas 3 * /
ukuran font: 2em;
teks-dekorasi: tidak ada;
   }
.label-size-3 a: hover {color: # 2789ce; / * warna label kelas 3 pada hover * /
teks-dekorasi: garis bawah;
   }
.label-size-2 a {color: # 2789ce; / * warna label kelas 2 * /
ukuran font: 1,5em;
teks-dekorasi: tidak ada;
   }
.label-size-2 a: hover {color: # 2789ce; / * warna label kelas 2 pada hover * /
teks-dekorasi: garis bawah;
   }
.label-size-1 a {color: # 2789ce; / * warna label kelas 1 * /
ukuran font: 1em;
teks-dekorasi: tidak ada;
   }
.label-size-1 a: hover {color: # 2789ce; / * warna label kelas 1 pada hover * /
teks-dekorasi: garis bawah;
   }

Di sini semua gaya CSS ini dapat disesuaikan. Anda dapat mengubah warna dan ukuran font masing-masing dari 5 kelas.

warna: # 2789ce; bertanggung jawab atas pewarnaan masing-masing kelas. Anda dapat mengubahnya dengan kode warna hex lainnya atau sesuatu seperti warna: merah;

Anda dapat menyesuaikan ukuran font dari 5 kelas ini dengan menyesuaikan ukuran font yangsesuai : atribut dari kelas ukuran label itu .. (em adalah unit ukuran font seperti px)

Saya telah mengomentari kode css (10 komentar) .. Anda dapat menghapus komentar-komentar itu jika Anda mau (misalnya: / * warna label kelas 2 di hover * / adalah komentar)

Definisi gaya CSS ini harus ditempatkan di atas

]]> </ b: skin>

Jika Anda tidak terkesan dengan kemampuan kustomisasi cloud label blogger ini, coba versi cloud yang canggih ini yang sangat dapat disesuaikan Label Widget Cloud Untuk Blogger