Pages

Membuat Label Cloud Berputar

type='html'>

blogumulus Label adalah pengelompokkan artikel blog dalam satu kategori, dan kemudian biasa di pasang di sidebar atau mungkin di bagian bawah template. Saat ini model atau bentuk label ada 3, label umum atau yang biasa (standard), label cloud, dan label cloud berputar. Yang akan kita bahas sekarang adalah memasang label cloud berputar di blog


Label cloud berputar ini terlihat lebih menarik karena gerakannya yang dinamis sehingga dapat menarik perhatian para pengunjung blog kita dan label cloud ini gerakannya juga mengikuti cursor.

Sebenarnya untuk membuat label cloud berputar ini membutuhkan kode HTML yang lumayan agak panjang dan sobat harus menambahkannya pada template sobat, jadi saran saya nanti sebelum mengedit template, ada baiknya backup terlebih dahulu template sobat.


I. Langkah Pertama

 

  1. Login ke Blogger dengan ID sobat.

     

  2. Klik Tata Letak

     

  3. Klik tab Edit HTML

     

  4. Download dahulu template sobat dengan mengklik Download Template Lengkap

     

  5. Kemudian klik button Expand Template Widget dan cari kode yg seperti ini : 

     

     

  6. Copy kode berikut ini setelah kode diatas :

     











     

  7. Kemudian Simpan Template.


II. Langkah Kedua 

  • Mengubah lebar dan tinggi kolom serta warna background 

     

    Angka "240" adalah lebar kolom

    Angka "300" adalah tinggi kolom

    Sedangkan #ffffff adalah kode untuk backgroud

     

  • Merubah warna font, untuk kode warna bisa sobat lihat disini

     

    so.addVariable("tcolor", "0x333333");

     

  • Merubah ukuran font

     

    so.addVariable("tagcloud", "");

 

Jika dalam membuat label cloud ini tidak berfungsi, silahkan sobat ganti label text menjadi label cloud. Perhatikan gambar dibawah ini :

 

image

 

Hanya itu ilmu yang bisa saya bagi-bagi, terima kasih buat roytanck dan amanda fazani yang telah menyediakan javascript untuk label cloud ini. Jika ada pertanyaan silahkan isi di kolom komentar.