Rabu, 18 Juli 2012

Cara Menambahkan/Membuat Label Cloud di Blog 2

haaaiii,..hhehe kali ini saya akan posting tentang "Cara Menambahkan/Membuat Label Cloud di Blog 2"


kenapa ada 2 nya? karena dulu saya pernah posting tentang topik ini hanya saja yang sekarang ini beda bentuknya, lebih simple dan lebih banyak dipakai. Untuk yang sebelumnya bisa dilihat disini. OK langsung saja kita mulai untuk membuat label cloud nya ;)
  • login ke blogger (pastilah!!)
  • masuk ke "template" lalu "edit html"
  • copy script berikut di atas kode ini ]]></b:skin>


/* 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;m
argin: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:&quot;&quot; !important}



  • save
  • kemudian masuk ke "tata letak" pilih "add gadget"/"tambah gadget" pilih "label"



  • kemudian check pada pilihan cloud seperti gambar di bawah ini


  • save
  • dan hasilnya seperti ini kawan



Nah cukup simple dan mudah kan kawan?hhehe okelah kalo begitu buat yang mau kritik, saran dan share silakan komen aja. Semoga bermanfaat yah ^_^

Tidak ada komentar:

Posting Komentar