Cara membuat Label Cloud

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

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 :












Simpan 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 anda yang baru.

Selamat Mencoba

www.intancell.co.cc

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More