Tutorial Background Pada Blockquote

Lama dah Nadia x buka blog ni . So, Nadia rindu sangat nak buat tutorial. Hari ni Nadia nak buat background paada blockquot setelah Nadia berjaya membuatnya.. Okey, jom kita mulakan..

LANGKAH 1

• korang bukak EDIT HTML.tick EXPAND WIDGET TEMPLATES.jangan lupa save dulu tau.utamakan keselamatan.hehe.. :) korang cari koding nie pulak,. (ctrl+F)

]]></b:skin>

LANGKAH 2

• korang ambik koding yang nie pulak.letak di atas/sebelom koding kat LANGKAH 1.

.post blockquote {background:#FFFFFF; background-image:url(URL GAMBAR KORANG);margin:1em 20px; border:2px solid #87329d;}

LANGKAH 3

•  okei.meh Nadia xplen kan ckit koding nie.tak susah pun tau.nak tukar warna background..tukar warna border..

1. background:#FFFFFF; = koding nie.nak buat blockquote korang tu berwarna sahaja.alaa..korang tukar la kod warna tu warna yang korang nak..tapi.kalau korang tak nak background yang berwarna je,abaikan koding nie okei..korang jangan letak kod warna kat belakang tu.senang2 delete..haha.
2. background-image:url(URL GAMBAR); = yang nie pulak nak buat background ada gambar..korang letak laa URL gambar korang nak.
3. border:2px solid #87329d; = nie mestila border kat tepi kotak blockquote tu kan..hehe.2px tu korang nak border yang tebal lagi..boleh la tukar nilai px tu. kod warna tu pulak..boleh tukar jugak.

LANGKAH 4

•  dah edit edit ckit koding .korang preview dulu.tengok entri yg korang dah buat blockquote tadi.yg Nadia buat mula mula tadi tu.. hoho :) jadi tak??dah siap korang SAVE.hee :)

---

Suka ? Like...

---