Cara membuat Label Cloud

type='html'>Untuk membuat tampilan label atau kategori lebih menarik, sobat bisa mencoba menggantinya dengan label yang menyerupai awan atau yang lebih dikenal dengan nama label cloud. Untuk membuatnya, lagi - lagi sobat harus mengotak - atik kode HTML blog sobat, jadi sebaiknya backup terlebih dahulu template sobat ubtuk menghindari kerusakkan pada template sobat.

1. Login ke Blogger.
   
   
2. Klik Tata Letak--> Edit HTML.
   
   
3. Jangan lupa backup dulu ya template nya.
   
   
4. Kemudian copy paste kode berikut diatas kode ]]>
   
   
   /* Label Cloud
   ----------------------------------------------- */
   #labelCloud {text-align:center;font-family:arial,sans-serif;}
   #labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
   #labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
   #labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
   #labelCloud a{text-decoration:none}
   #labelCloud a:hover{text-decoration:underline}
   #labelCloud li a{}
   #labelCloud .label-cloud {}
   #labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
   #labelCloud .label-cloud li:before{content:"" !important}
   
   
   
   
5. Kemudian letakkan kode berikut ini diatas kode
   
   
   
   
   
   
   
6. setelah itu cari kode seperti dibawah ini :
   
   
   
   
   
   

   
   
   

   
   

   
   
   
   • 
     
     
     
     
     
     ()
     
   
   
   

   
   
   
   

   
   
   
   
   
   
   
7. Hapus kode tersebut dan ganti dengan kode berikut :
   
   
   
   
   
   

   
   
   

   
   

   
   
   
   
   

   
   
   
   

   
   
   
8. Save Template.

Panjang ya..jangan sampai ada yang ketinggalan dalam proses copy paste kode - kode diatas, karena ketinggalan satu elemen saja label cloud tidak akan berhasil dibuat. Untuk membuat label cloud berputar akan saya bahas selanjutnya. So..selamat memandangi label cloud sobat yang baru..