Cara Membuat Widget Categories Cloud Keren

Categories atau yang sering kita sebut dengan label di blog merupakan kata kunci yang mengkategorikan seluruh isi/ konten blog sobat . Pemasangan widget Tag, Label atau Kategori pada Blog/web bertujuan untuk memberikan navigasi yang mudah bagi pembaca blog. Pada Blogger sejak Google telah mengambil alih atau menyediakan layanan widget resminya melalui server Blogger sendiri, salah satunya adalah Page List and Label Cloud List dengan enable deisgner untuk membuat dynamic menus.

Intinya sih post kali ini akan membahas seputar label, oke monggo ikuti intruksi selanjutnya

Cara Membuat Widget Categories Cloud Keren:

1. Masuk Ke Template lalu Edit Html

2. Kalau perlu backup template sobat untuk mengentisipasi terjadi kesalahan

3. Cari kode  ]]></b:skin> 

4. dan paste kode dibawah ini tepat diatas kode ]]></b:skin>

SCRIPT

/*-----Labels Cloud Styled widget by proBlogiz.blogspot.com----*/ .label-size{ margin:0 2px 6px 0; padding: 3px; text-transform: uppercase; border: solid 1px #00CC00; border-radius: 3px; float:left; text-decoration:none; font-size:10px; color:#666; } .label-size:hover { border:1px solid #CC0099; 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; }

Ganti teks yang berwarna hijau dan pink dengan link warna yang kalian suka, link warna bisa dilihat disini

5. Save template
6. tugas anda belum selesai, selanjutnya buat widget template seperti biasa tetapi dengan menandai Cloud bukan List!!

Semoga Bermanfaat :)

PERHATIAN.!

Anda sedang membaca artikel tentang Cara Membuat Widget Categories Cloud Keren dan anda bisa menemukan artikel Cara Membuat Widget Categories Cloud Keren ini dengan url http://agraanggakara.blogspot.com/2013/06/cara-membuat-widget-categories-cloud.html, Anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Membuat Widget Categories Cloud Keren ini sangat bermanfaat bagi teman-teman Anda, namun jangan lupa untuk meletakkan link postingan Cara Membuat Widget Categories Cloud Keren sebagai sumbernya.

Related Post: