Wednesday, September 7, 2011

Tutorial: Blockquote Post

Assalamualaikum...

hello bloggers. hari ini ieyza nak buat tutorial post blockquote. mesti ramai yang dah tau kan. kalau tak tahu. bole cuba. exspecially untuk blogger newbie.. tuto ni actually amoy chanteks yang request kat ieyza. so, nak menunaikan janji ,arini jugak la ieyza siap kan.. tau tak  blockquote tu macam mana ? 
ha macam ni. macam kat bawah nie. dalam entry ada tulisan yang berbackground tu. hee..

ok, cara nak buat mula-mula..

pergi dashboard > design > edit html 
pastu seach code nie , nak senang tekan Ctrl + f


.post blockquote {


da jumpa ? copy code kat bawah then paste di bawah code yang korang jumpa tadi


background: url(URLBACKGROUND1);
border:1px solid #000000;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
then ini untuk hover nye pulak. bila cursor sentuh dia jadi rupa lain pulak.
kat bawah .post blockquote { selepas tanda }

.post blockquote:hover {
border: 4px solid #000000;
background: url(URLBACKGROUND2) repeat;
-moz-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg); 
}
note:

URLBACKGROUND gantikan url background yang korang suka. bole dapat kan di sini..
yang warna merah tu untuk korang punya border luar tu. ikut la nak warna apa yang korang suka.pilih warna kat cnie

cara nak buat nya. masa korang tulis entry, korang highlight kan ayat yang korang nak buat blockquote tu. pastu korang tekan tanda kat atas--> " nama dia quote


ok, cuba la. jadi ke tak. kalau tak jadi. gitau ieyza k.. ;)
tinggalkan komen lepas guna tuto ni k..
Photobucket

12 comments:

Terima kasih sudi komen :)
kerana 1 komen amat bernilai dan
mampu buat ieyza tersenyum ^_^