tutorial blockquote senget apabila disentuh cursor

macamana nak buat blockquote korang jadi senget bila disentuh dengan cursor?

blockquote sebelum disentuh cursor

blockquote sebelum disentuh cursor

blockquote selepas disentuh cursor

blockquote selepas disentuh cursor

macam ni…

1. login akaun blogger korang > Template > tekan ‘Backup/Restore’ > Download Full Template > Edit HTML > Proceed > tick Expand Widget Templates

2. tekan Ctrl+F atau F3 dan cari kod ni :

.post blockquote:hover {

3. kalau korang nak blockquote korang senget ke sebelah kiri, copy kod kat bawah ni, dan paste kod ni di bawah/selepas kod kat step 2 :

-moz-transform: rotate(3deg);
-webkit-transform: rotate(3deg);
}
4.  kalau korang nak blockquote korang senget ke sebelah kanan, copy kod kat bawah ni, dan paste kod ni di bawah/selepas kod kat step   2 :
-moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
}

5. tekan ‘save template’… dah siap!! 🙂

Advertisements

About garyasip

now studying at Universiti Malaysia Perlis (UniMAP) under microelectronic engineering programme. born in 1992.
This entry was posted in public. Bookmark the permalink.

komen artikel ini

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s