Cara membuat label cloud menjadi keren

Kali ini saya akan berbagi tentang cara membuat label cloud menjdi keren, Kalau mau lihat gamabarnya ada di atas ini, barang kali anda bosan dengan label cloud yang biasa-biasa saja atau anda ingin mengganti stylenya.
Langsung saja kita mulai ya ..........

1. Masuk ke blogger.com

2. Pilih template yang anda inginkan dan pilih template.
3. Pilih edit HTML
4. Cari tulisan ]]></b:skin>
5. Setelah ketemu taruh kode dibawah ini dan masukkan tepat diatas kode ]]></b:skin> tadi

/* Label Cloud Style By Fariz */
    .label-size{margin:0 2px 6px 0;padding:3px;text-transform:uppercase;border:solid 1px #333333;border-radius:3px;float:left;text-decoration:none;font-size:10px;color:#666}.label-size:hover{border:1px solid #54c0d1;text-decoration:none;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;transition:all 0.5s ease-out;-moz-transform:rotate(7deg);-o-transform:rotate(7deg);-webkit-transform:rotate(7deg);-ms-transform:rotate(7deg);transform:rotate(7deg);filter:progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455,M12=-0.08715574274765817,M21=0.08715574274765817,M22=0.9961946980917455,sizingMethod='auto expand');zoom:1}.label-size a{text-transform:uppercase;float:left;text-decoration:none}.label-size a:hover{text-decoration:none}
    /* Credit Fariz */

6. klik Simpan Template
7. Klik Tata letak dan pilih tambah gadget
8. Tambahkan gadget label dan pilih  tampilkan yang cloud

Selesai kamu tinggal lihat

Kalau anda ingin mencopy artikel ini harap menyertakan sumber

Share : Facebook Twitter Google+ Linkedin