Aduhai , ngantuknya mata ni .. Tapi tak boleh tidur lah pulak ! Okay sekarang ni Ira nak ajar korang macam mane nak buat blockquote yang comel . Okay fokus !
1. Dashboard > Design > Edit Html
2. Tekan Ctrl + F , cari code ni :
/* Headings3. Dah cari , copy code kat bawah ni pulak then paste kan kat bawah /* Headings
blockquote {Warna Merah : Tukar colour background yang korang suka . Tak nak tukar lagi bagus .
background:#FFEAEA;
padding:5px;
border-top: 1px solid #C7A2A2;
border-bottom: 1px solid #C7A2A2;
border-right: 10px solid #C7A2A2;
border-left: 10px solid #C7A2A2;
colour:#FFFFFF;
margin: 1em 20px;
-webkit-transition: 0.5s;}
blockquote:hover {
-webkit-transition:0.5s;
background:#FFC9D7;
border-top: 1px solid #FFBABA;
border-bottom: 1px solid #FFBABA;
border-right: 10px solid #FFBABA;
border-left: 10px solid #FFBABA;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
margin: 1em 20px;
}
Warna Biru : Tukar colour border yang korang suka .
Warna Hijau : Warna blockquote korang .
Warna Purple : Tukar ikut kesukaan korang okay .
4. Preview dulu , tengok jadi ke tak . Kalau jadi , bagus !
5. Dah jadi , Terus SAVE !
Good Luck ! :)
nice tutor^^
ReplyDeleteThanks :)
ReplyDelete