Cara Membuat Label Cloud Dengan Efek Hover
Cara Membuat Label Cloud Dengan Efek Hover Pada Blog - Pada kesempatan yang penuh kasih sayang ini Kang Koisine akan meberikan Tutorial Blogger tentang cara menerapkan Label Cloud yang dibumbui dengan efek hover hanya untuk Sobat Indonesia Sekalian. Siapa sangka label dengan efek hover bisa memikat mata pengunjung blog yang selalu penasaran dengan apa yang dia lihat. Siapa bilang label cloud tidak bisa diubah tampilannya dan Kang Koisine tuangkan caranya di sini. Tampilan label cloud cantik, tetapi kalah dengan cantik istrimu, dan menang jelek anjingmu. Kenakan hover bikin hati jadi bunga, bikin mata jadi belang, pingin klik karena penasaran, tampila beda dari yang lain karena pria punya selera. Panjang mulut tak guna mari kita mulai ke TKP. (Tempat Kejadian Panduan).
Tak lupa lihat gambar di bawah ini. Mending DEMO Cuco
 |
| Gambar 1.1 |
Malu bertanya sesat di jalan, gampang bertanya banyak khasiatnya, mari mulai panduanya.
- Mari kita enter Blogger,
- Jangan lupa pilih Template,
- Kalau sudah klik Edit HTML,
- Selalu ingat centang Expand Template Widget,
- Find kode di bawah ini,
]]></b:skin>
- Jika sudah copas kode di bawah ini dan letakan sebelum kode di atas,
/* -- Labels -- */
.label-size {line-height: 1.2;float: left;font:normal normal 13px Cuprum;}
.label-size a {-khtml-border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;background: #aaa;border: none;border-radius: 3px;color: #fff;text-shadow:0 -1px 1px rgba(0,0,0,0.25);float: left;margin: 0 4px 4px 0;padding: 5px 6px;}
.label-size a:hover {background: #ffcb0f;}-
.label-size span {float: right;font-size: 9px;margin: 0 0 4px;}
Hasilnya bisa sobat lihat gambar 1.1 atau jika berkenan untuk memasang lihat di blog sobat.
- Sudah selesai dan pilih Simpan Template.
Jalan-Jalan Pake Beca
Liat Perawan Berbaju Biru
Terima Kasih Sobat Sudah Membaca
Kang Koisine jadi Terharu.
Nah ini pengaturan Label Cloud
 |
| Gambar 1.2 |
Keterangan,
1. Pilih saja Semua Label.
2. Tampilkan format Cloud abaikanDaftar.
3. Centang Tampilkan jumlah entri... jika ingin menampilkan jumlah artikel per label.
Ada yang rame di Label Cloud Dengan Efek jQuery Slider!
Sekian dulu akh atikel Cara Membuat Label Cloud Dengan Efek Hover ini, moga aja bisa bermanfaat atau hanya sekedar info doang.
Hatur Nuhun alias Terima Kasih.
Categories:
panduan blogger
0 komentar:
Posting Komentar