New Blogger Label Cloud

Setelah kemarin mudik ke bandung selama dua hari nengokin si kembar yang semakin hari semakin gemesin aja, akhirnya saya balik lagi deh ke jakarta untuk mencari rezeki buat membiayai istri tercinta serta si kembar yang sudah mulai pintar jajan. Yups, tidak usah lama-lama curhatnya, ntar jadi malah garing. OK, kita kembali ke......blog tutorial tentunya. Tutorial kali ini saya ingin membahas tentang pemasangan label Cloud atau Tag Cloud pada template baru/new blogger template.

What's the meaning of Label Cloud?

Label cloud adalah pemasangan label (kategori) dalam bentuk cloud.... ( desiiig kalau gitu doang ga usah di terangin atuh... abis ga tau definisinya jadi ya asalan-asalan deh), seperti yang sobat lihat pada sidebar sebelah kanan blog ini yaitu di bawah tulisan Kategori di sana terdapat beberapa label (kategori) yang pada ujungnya tertera berapa jumlah kategori yang terpasang pada kateori tersebut.

Nah itu adalah label yang umum di pakai di blogger, bila ingin sedikit yang berbeda, sobat bisa memasang label cloud. Dengan label cloud, label (kategori) akan di tulis dalam ukuran font yang berbeda sesuai dengan banyaknya kategori yang di pasang, semakin sering kategori tersebut maka semakin besar pula font nya akan tercetak.

Untuk memasang label cloud, tehnik yang saya pakai kali ini adalah buah karya dari phydeaux. Silahkan ikuti langkah-langkah berikut ini :

1. Sign in di blogger



2. Klik menu Layout



3. Klik menu Edit HTML



4. Klik tulisan Download Full Template, lalu save data tersebut. Ini untuk berjaga-jaga apabila terjadi kesalahan dalam mengedit kode template



5. Klik kotak kecil di samping tulisan Expand Widget Templates untuk memberi tanda centang.



6. Tunggu beberapa saat sampai proses selesai



7. Simpan kode berikut di antara kode <![CDATA[ dan kode
   ]]>

, atau jika bingung simpan saja persis di atas kode
]]>

/* Label Cloud Styles
----------------------------------------------- */
#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}


Copy paste kode berikut sesudah kode ]]>

dan sebelum kode atau jika bingung simpan saja persis di atas kode




Cari kode berikut di dalam kode template sobat

• 
  
  
  
  
  
  ()
  

Ganti kode di atas dengan kode berikut ini :

Klik tombol Simpan template

Selesai.

Bagaimana sobat, berhasilkah? mudah-mudahan tidak menemui kendala apapun. Untuk melihat contohnya, silahkan sobat klik di sini !

9 out of 10 based on 10 ratings. 9 user reviews.