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 :)
0 Komentar