skip to main |
skip to sidebar
Tutorial :Blockquote Hover Keluar Icon Comel Dihujung
Assalamualaikum. Sihat? Maafla, Kihah bukannya pandai macam korang nak buat kata aluan yang meletopss. Nanti, korang kata Kihah tiru korang pulak. HUAAAAAA! >,,<
Okla. Jom la buat Tutorial kat atas. Ehh. CHOP! Korang tahu tak nak buat ape ni? Aduii. Tengok gambar ni.
Nampak tak? Ada burung tomey tu? Hahaha. Blockquote ni kalau korang hover nanti keluar icon kecil kat hujung blockquote. Perhatian ia hanya berfungsi pada blockquote yang Berwarna dan tiada background or whatsoever :p
1. Dashbord > Design > Edit HTML2. Ctrl + F cari kod ini.
.post blockquote {
4. Dah jumpa? Gudd. Kalau ada kod Blockquote yang lama, DELETE OK? =D Sudah delete? Copy kod dibawah dan pastekan dibawah .post blockquote { tadi. background-color: #FBEFEF;
border:1px solid #F78181;
padding: 5px;
}
.post blockquote:hover {
background-image:url(URL ICON KECIL ANDA);
background-position:bottom right;
background-repeat:no-repeat;
}
Hijau- Warna Border
Pink - Warna Background Blockquote
Biru - Icon Kecil. Cari kat sini
5. Preview, SAVE!.
Credit to,
Nazihah A.
Kihah kod tu x de pon -____-
ReplyDeleteAkak akak, kenape kat blog kitew tkde?
ReplyDeletethnx for the tuto! :)
ReplyDelete