Monday 13 May 2013

Tuto : Blockquote Comel

Assalamualaikum ,

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 :


/* Headings
3. Dah cari , copy code kat bawah ni pulak then paste kan kat bawah  /* Headings


blockquote {
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 Merah : Tukar colour background yang korang suka . Tak nak tukar lagi bagus .
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 ! :)

2 comments:

Assalamualaikum ! Tinggalkan komen korang :)

LinkWithin

Related Posts Plugin for WordPress, Blogger...