Tutorial Blockquote Hover

hye...
iema nax tunjukkan cara buat blockquote hover
macam mana rupanye blockquote hover toe??
tengox gambar di bawah
tidax dihalakan cursor


 setelah dihala cursor
 P/S : nax copy, highlight dan guna ctrl + c

ok... dah tahu kan blockquote hover yang macam mana??
nie yang paling simple iema buat
korang nax cantikkan lagi, boleh
jom follow tutorial nie

 Dashboard -> Template -> Edit HTML
 cari kod nie, Ctrl + f (untuk memudahkan pencarian)
.post blockquote {
 kalau tax jumpa kod toe korang kena tambah la
 macam mane nax tambah, cari kod nie, Ctrl + f (untuk memudahkan pencarian)
.post-body {
 copy dan paste kod nie betul2 di atas kod yang dicari tadi
.post blockquote {
background:url(URL BACKGROUND PERTAMA);
border-top: 2px solid #660033;
border-left: 2px solid #660033;
border-right: 2px solid #660033;
border-bottom: 2px solid #660033;
border-radius: 5px;
margin:1em 20px;
padding: 5px;
}
.post blockquote:hover {
background-image:url(URL BACKGROUND KEDUA);
background-position:center;
background-repeat:repeat;
-moz-box-shadow: 0 0 10px #ff66cc;
-webkit-box-shadow: 0 0 18px #ff66cc;
}
color merah = background sebelum dihalakan cursor
color kuning = ketebalan garis border
color hijau = jenis garis border KLIK SINI
color biru = color garis border korang
color oren = background setelah dihalakan cursor
color purple = color shadow untuk tepi blockquote korang
 kalau tax nax background toe... korang kosongkan je k

 preview dulu.. kalau tax ade pape error boleh save

selamat mencuba