Rabu, 20 Agustus 2008

Merubah Tampilan Tag/ Label Cloud

Jika anda membuat Tag Cloud / Label Cloud versi Phydeaux3, tentu anda akan menjumpai kode seperti dibawah ini

<script type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [248,250,8];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>

Pada var maxColor = [0,0,255]; ini akan menampilkan warna BIRU, sedangkan pada var minColor = [0,0,0]; ini akan menampilkan warna HITAM.

Tentu anda tidak ingin tampilan daripada Tag Cloud / Label Cloud selalu monoton warna itu saja, terlebih kalau background blog anda mempunyai warna seperti itu, jelas tidak akan nampak Tag Cloud / Label Cloud pada blog anda.

Anda bisa mengkombinasikan warna RGB dengan bantuan Color Picker pada Adobe Photoshop.


Perhatikan gambar di atas, kotak merah menunjukkan kombinasi warna RGB dengan penulisan sebagai berikut [248,250,8]. Kombinasi ini akan menghasilkan warna kuning seperti terlihat di gambar atas.

Kita dapat menambahkan beberapa kombinasi warna pada kode javascript diatas, dengan harapan tampilan Tag/ Label cloud berwarna-warni sesuai banyaknya artikel yang terkandung dalam Tag/ label tersebut. Berikut kita tambahkan beberapa kombinasi warna RGB pada kode Tag/ Label Cloud tersebut.

<script type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [0,0,255]; [248,250,8]; [100,20,200]; .....dan seterusnya
var minFontSize = 10;
var minColor = [0,0,0];[110,9,201];[100,9,15]; ...... dan seterusnya
var lcShowCount = false;
</script>

Semoga bermanfaat.

1 komentar:

Posting Komentar

Silahkan berikan komentar yang bersifat membangun, admin akan menghapus komentar yang bersifat SPAM

 
Copyright @ 2009 CoretanAsal: Merubah Tampilan Tag/ Label Cloud | Original Template: MINIMA| Modified By NATALUDIN | Top
Thanks for : BLOGGER | PHOTOBUCKET | PICASSA