6.1.11

TUTORIAL : POST BLOCKQUOTE


SELAMAT HARI KHAMIS korang.hehe..lama dah solehah tak buat tutorial kat sini kan?
*grr.lama ke??hehe..baru sehari kot.. :) okei.kali nie solehah nak buat tutorial  post blockquote 
korang ada background..tak kesah la nak background warna ataupun background gambar.
user designer tmplate yang maseh baru tu.boleh la try tutorial nie.knpem dapat.hehe..sebab 
solehah dah try buat sendiri.hohoho.alamak!ada yang tak tau post blockquote??meh sini 
solehah tunjuk kan dulu mcm mana nak buat post blockquote.*dah tau tu.diam diam kei.
nak bagi yg belom tau pulak nie.. *senyummmm :)

korang select mcm yg solehah buat tu.then klik yg simbol yg di bulatkan tu.okei.1st korang
dah buat post blockquote nie.maybe belom ada background kan..haa.jum kita buat post
blockquote tu ada background pulak..ikut step by step..hehe..


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)




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



LANGKAH 3
  •  okei.meh solehah 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 solehah buat mula mula tadi tu.. hoho :) jadi tak??dah siap korang SAVE.hee :)
LANGKAH 5
  • jadi.hasilnya akan jadi mcm nie.
(yg nie solehah buat background gambar..hehe)


*nak kod warna korang boleh refer kat sini okei. CARA DAPATKAN KOD WARNA


7 comments:

Anonymous said...

hai solehah..knk kmk xdpt oh.dah try banyak kali.:(

♥ solehah ♥ said...

@Cutie Teddy Hakmilik Mr.Myz

ktk pakei template apa bh??designer ka??

Ferfarfer said...

mekasih2. suka sbb jadik buat hehehehe

Ekah Atiqkah said...

knape saya buat xjadi.

nak tanya

jenis template kita guna nak tahu kat mana??? sorry new blogger

♥ solehah ♥ said...

@Ekah Atiqkah

skarg ekah ambik template yg dr mna??

Ekah Atiqkah said...

@♥ solehah ♥

takpelah.sorry kalau myusahkn. Ekah dah buat dan jadi.
thanks bagi tuto nih..
(sy salah copy sebb ekah tengok yang perlu copy >.post blockquote jer yan kat bawah tu tak tahu)hehehe

Unknown said...

tq ya! :D

Jemput ke blog sy FAMILI FANTASTIK!! ;)

 
Design by AH|SW |Empayar Bintang Tiga 2013