Cara Membuat Label Tag Cloud

Category : Bloger views 1127 Kali diLihat

Cara Membuat Label Tag Cloud |tutorial kali ini membahas Cara Membuat Label Tag Cloud |tutorial kali ini membahas Cara Membuat Label Tag Cloud, tau kan apa itu Tag Cloud? untuk contoh silahkan lihat gambar,  Tag Cloud sudah biasa kita liahat pada blog lainnya,, tapi biasanya mereka mendapatkan itu dengan memanfaatkan sebuah situs untuk mendapatkan Tags Cloud yang di pasang pada blog kita , merujuk dari phydeaux3, untuk itu perhatikan Cara Membuat Label Tag Cloud |tutorial kali ini membahas Cara Membuat Label Tag Cloud berikut ini

Cara Membuat Label Tag Cloud
dan Bloggerplungin saya menuliskan ini agar tanpa bantuan sebuah situs kita dapat menampilkan tag clouds dengan fasilitas yang disediakan oleh blogger dengan mengganti sedikit kode html/javascriptnya saja..

Advertisement

Untuk mendapatkan itu anda harus menampilkan label pada blog anda.. dengan cara pilih layout–>Page Element–>Add Page Element.. Pilih Label dan Save.
Kalau sudah Ikuti Cara yang berikut :
1. Pilih Layout lagi terus pilih edit html… (tidak usah di Expand Widget).
2. Cari Kode


3. Ganri Kode tersebut dengan kode yang di bawah ini:








  • ()

Powered By:Blogger Widgets



5. DAn Cari Kode :

]]>


6. Ganti KOde tersebut menjadi :

#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}
]]>


7. Simpan dan lihat hasilnya.

Advertisement

Related Posts