tutoriol : cara nak buat blockquote...

Baru2 ni aku ada buat blockquote utk blog aku ni...rata2 dok tgk blog kwn2 ada menda ni...mula2 garu kepala gak..cmne la korang buat kan...hurmm nk tanya malu n malass...sampai la terjumpa 2-3 blogger yg baik hati wat tutoriol psl nak buat blockquote ni...mula baca entry mcm malas je nak faham sebab melibat kan coding HTML...aku cukup malas kalau sentuh bab coding ni sebab aku lemah bab baca dan ubah coding ni...takut dan risau je tgn ni nak ubah apa2 coding...kangg tak psl2 nak menda laen jadi menda laen pulak kann....haishhh...

Ok sekarang aku bagitau akan cara2 nak buat ni ok...sebelum tu nak pekenal kan la menda alah yg dimaksud kan ni dulu..kangg ada yg terpinga2 pulak kann...hehe

contoh blockquote aku ok :

sekadar nak share apa yg aku tahu jela...dpt pahala jgk ni hehee...



mula2 mcm ni : (maaf ye tkde gamba tapi aku rasa korang akan fhm sebab simple je step dia ok...)

1. klik pada Design pastu klik pada Edit HTML

2. kemudian cari (tekan Ctrl dan F) perkataan ini   .post blockquote {

so...dia akan tertera mcm ni :

.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }

3. di bawah simbol  } ni...perlu copy paste kan coding ini :

.post blockquote { background-image:url(url background yang korang suka ); -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; padding: 6px; Border: 2px solid #F5A9F2 ; margin:1em 20px; }

4. pastu korang kena paste kan url background pilihan korang (yg tulisan merah tu)...background blockquote korang bole pilih2 kat google atau mana2 laman web...ala mcm korang dok ubah2 template tu la kann...korang bole cari2 kat SINI jugak...just pilih dan copy paste kan url background pilihan...

(http://content.mycutegraphics.com/backgrounds/color/colorbg25.gif)

(ni contoh background dan url dia...copy paste url tu je...tkyah copy yg pnjang2 selain yg diatas tu je tau..)

so...keseluruhan nya coding korang akan jadi mcm ni ok...lihat betul2..hehee



.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }

.post blockquote { background-image:url(http://content.mycutegraphics.com/backgrounds/color/colorbg25.gif); -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; padding: 6px; Border: 2px solid #F5A9F2 ; margin:1em 20px; }

yang tulisan merah tu kena tukar kan ye ikut kemahuan...

#F5A9F2 - ni merujuk kpd code kaler pink ..so leh pilih code kaler kat SINI...

Border: 2px - ni ketebalan border..leh tukar2 ketebalan nya...

 

dh konfem dgn coding dan pilihan tu...boleh la klik Save Template...siapp..!

5. Pastu...cara nak guna kan setiap kali buat entry mcm ni...

klik New Post...kemudian note la apa2 yg korang nak note kan...

pastu highlight kan then klik simbol " (ada kat atas new post tu...)

selesai tu leh terus preview kan atau publish kan je...sure menjadi punye...cuba ok..

ni pun aku belajar dari beberapa blog baru leh faham sefaham nya...!

nak ajar kan cara2 nak buat blockquote kat sini ok...celik kan mata luas2 dan cuba faham kan ye...hehee kalau tak fhm jgk gi jenguk ke blog ibu arifa...maybe sana lg korang fhm...ehehh