HOVER BLOCKQUOTE (CUTE ICON MUNCUL BILA CURSOR MEYENTUH)

PENTING!
Sebelum membuat apa-apa pengubahsuaian template anda (pada Edit HTML) , anda dinasihatkan supaya mem'backup dahulu template untuk langkah keselamatan jika berlaku error semasa membuat pengekodan template. Klik SINI untuk melihat tutorial untuk membuat BACKUP dan RESTORE Template... :)

Sebelum Disentuh Cursor

Selepas Disentuh Cursor

Amacam cantik tak...korang nak...ok jom kite buat sama...ikut tutorial kat bawah ni k..

1. Login ke dashboard blogger korang.
2. Klik butang " More Option (rujuk no 1) " dan klik "Template (rujuk no 2)".

3. Klik pada " Edit HTML (rujuk no 3) "

4. Tick pada Expand Widget Templates (rujuk no 4)

5. Tekan CTRL+F atau F3 dan cari code dibawah (rujuk no 5).

.post blockquote {

6. Korang highlight dan padam kod yang sedia ada. (rujuk no 6).

7. Copy( CTRL+C ) kod dibawah dan Paste( CTRL+V ) pada area kod yang korang sudah dipadam tadi.

.post blockquote {background-image:url(URL GAMBAR BACKGROUND);padding:5px;Border:1px solid #BF00BF;colour:#FFFFFF}
.post blockquote:hover {background-color: ##A9F5BC;-webkit-transition-duration: 3.5s;background-image:url(URL GAMBAR ICON);background-position:bottom right;background-repeat:no-repeat;-webkit-border-radius: 36px 12px;-moz-border-radius: 36px 12px;-webkit-transform: skew(1.deg,1.5deg);-moz-transform: rotate(3deg);-webkit-transform: rotate(3deg);}