HEADLINE
UIN SUNAN KALIJAGA BUKA FAKULTAS KEDOKTERAN
readmore
1 2 3 4 5

Minggu, 29 Januari 2012

modifikasi label cloud

Ada 2 macam label cloud, yang satu default dari blogger, dan yang lainnya yang animasi. Nah, yang akan kita buat menjadi berwarna-warni adalah label cloud default dari blogger. Langsung ke tutorialnya,

  1. Seperti biasa, sobat login ke blogger.
  2. Klik Tata Letak.
  3. Kemudian klik Edit HTML.
  4. Backup dulu template Sobat dengan klik Download Template Lengkap.
  5. Centang pada  
  6. Kemudian letakkan kode berikut tepat di atas kode ]]></b:skin>



    /*--- Warna Cloud --- */
    .label-size-1 a {
    font-size: 12px;
    text-decoration: none;
    color:#66B5FF;
    }
    .label-size-2 a {
    font-size: 14px;
    text-decoration: none;
    color:#cc0000;
    }
    .label-size-3 a {
    font-size: 15px;
    font-family: Arial, Tahoma, Verdana;
    text-decoration: none;
    color:#38B63C;
    }
    .label-size-4 a {
    font-size: 18px;
    font-weight:bold;
    text-decoration: none;
    color:#ff7c66;
    }
    .label-size-5 a {
    font-size: 24px;
    text-decoration: none;
    color:#ffcc66;
    }
    .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;
    }
          
      *Ganti kode warnanya sesuai kesukaan Sobat. Pada kode
    color : masukkan kode warna
  7. Kemudian Simpan Template.
                                     Hasilnya kira-kira seperti ini,


Keren kan? Oke, silahkan berkreasi . . . .Bagi pemula yang belum tahu cara membuat label Cloud versi default dari blogger


Selamat mencoba !! Wink

Tidak ada komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...