Tutorial : Blockquote Part 5

اَلسَّلَامُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَا تُهُ|Salam Sejahtera

  Bertemu kembali.. Lama gile2 weh tak buat tuto!.. Rindu lah jugak. hehe ~.~..

LIVE PRVIEW HERE
1. Go to template.
2. Mula2 tekan CTRL+A lepastu CTRL+X lepastu CTRL+V (buat satu persatu)
3. Tekan CTRL+F and search kod blockquote {

blockquote {
background:url(http://3.bp.blogspot.com/-ZWE1oIhbqrk/UF8JStR2k9I/AAAAAAAAGB4/Yzwh6VgQvTM/s1600/TinyLovePink.gif
)repeat;
border-top: 6px double #FF63D6;
border-right: 6px solid #FF63D6;
border-left: 6px solid #FFBFEE;
border-bottom: 6px double #FFBFEE;
padding: 8px;
-webkit-transition: 0.5s;
}
blockquote:hover {
border: 2px solid #FFBFEE;
border-left: 2px solid #FF63D6;
border-bottom: 2px solid #FF63D6;
-webkit-transition: 0.5s;
}
4. Copy kod kat atas dan paste dibawah blockquote {
5. Preview and save :)

ATTENTION! : Kalau ada kod blockquote korang y sebelum ni, tolong padam dulu! kalau tak tak jadi!

No comments:

Post a Comment

Tekan "publish" sekali je tau

Terima kasih komen

BUDI BAHASA BUDAYA KITA :)