Kamis, 24 Februari 2011

Modifikasi Label Cloud Dari Blogger


TagsBeberapa waktu yang lalu, Blogger telah menambahkan fitur baru yaitu label cloud. Saya sendiri tidak tahu pasti kapan Blogger menambahkan fitur ini, setelah minggu lalu saya secara tidak sengaja ingin menampilkan label pada blog saya yang lain, saya melihat ada yang baru tapi lama.

Baru tapi lama ? iya dong, kan label cloud sudah sering kita jumpai tutorialnya di berbagai blog.

Setelah mencoba, rasanya fasilitas label cloud ini kurang menarik tampilannya. Saya mencoba untuk menambahkan beberapa kode padaHTML blog untuk merubah warna dan besarnya huruf pada label cloud ini.
Karena memang label cloud asli dari blogger ini warna dan hurufnya sangat standard atau terlihat biasa – biasa saja. Saya menambahkan beberapa warna kedalamnya, untuk mengetahuinya silahkan sobat ikuti langkahnya berikut ini.

  1. Seperti biasa, sobat login ke blogger.

  2. Klik Tata Letak.

  3. Kemudian klik Edit HTML.

  4. Backup dulu template sobat dengan mengklik Download Template Lengkap.

  5. Kemudian letakkan kode berikut tepat diatas kode ]]></b:skin>

    .label-size-1 a {
    font-size: 13px;
    text-decoration: none;
    color:#4B8A08;
    }
    .label-size-2 a {
    font-size: 15px;
    text-decoration: none;
    color:#DF0101;
    }
    .label-size-3 a {
    font-size: 16px;font-family: Arial, Trebuchet MS, Verdana;text-decoration: none;
    color:#045FB4;
    }
    .label-size-4 a {
    font-size: 18px;
    text-decoration: none;
    color:#DF7401;
    }
    .label-size-5 a {
    font-size: 23px;
    text-decoration: none;
    color:#045FB4;
    }
    .label-size-1 a:hover,
    .label-size-2 a:hover,
    .label-size-3 a:hover,
    .label-size-4 a:hover,
    .label-size-5 a:hover { text-decoration:underline;}
           
     
  6. Kemudian Simpan Template.

Sekarang sobat bisa lihat hasilnya, ada beberapa warna yang saya tambahkan ke dalam label cloud tersebut. Untuk kode yang saya tandai dengan warna merah, sobat bisa ubah sendiri sesuai keinginan sobat. Kode warna bisa sobat lihat disini.

Selamat mencoba !! Wink


Artikel Terkait:


Tidak ada komentar:

Posting Komentar

Komentator Blog Ini