Tutor versi hany: buat quote yang ada background cantik;)

 

 

 

 

 

Dah lama kan hany tak buat tutor nih. hehehe almaklom ler dah lama tak godek godek blog. selalu hany akan buat tutor sekiranya hany ada try benda baru. dan kali ni hany ada try benda baru kat belog, hany je baru try…orang lain dah lama buat;)

 

 

dan, atas permintaan diela, maka hany buatla tutor nih.hehehe versi hany yer.

 

 

1) Macam biasa masuk ke dashboard > design > EDIT HTML. ok sekarang sila carik, gunakan CTRL + F (find) dan cari

.post blockquote {

ha macam ni lah yang terdapat dalam hany punyer html.

 

 

apa apa yang selepas .post blockquote {, rasanya berbeza untuk setiap blog, tapi pasti akan ada .post blockquote { .

 

 

 

2) Dah jumpa, maka mari ke step seterusnya. copy code di bawah ni:

 

 

.post blockquote { background-image:url(http://i277.photobucket.com/albums/kk70/safiena_album/kawaii066.jpg); -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; padding: 6px; Border: 2px solid #8A4B08 ; margin:1em 20px; }

 

 

 

dan masukkan ke bahagian seperti didalam gambar di bawah:

 

yang di highlight dengan warna hijau adalah code yang di copy di atas. masukkan dibawah/selepas .post blockquote p{ }

 

 

3) ok, macam contoh yang hany bagi ni, background quote tuh kaler fink bunga bunga. sekiranya anda ada background yang anda suka malah lagi meletop, anda boleh tukar dengan hany menukarkan url image/background tersebut. mari lihat gambar di bawah nih.

 

hanya tukarkan url image, iaitu seperti yang hany highlight dengan kaler hijau seperti gambar di atas nih.

 

 

 

4) dah berpuas hati? maka SAVE TEMPLATE lah…

 

 

 

5) ok, katakan anda nak tengok cun tak image/background untuk quote anda tuh. pergi ke POSTING, dan tulis lah post. alaa macam kita buat entri biasa tuh jer….

 

ha macam ni, tulislah entri macam biasa

 

 

 

6) ok bila dah siap tulis entri. kenalpasti ayat mana nak dijadikan quote. macam contoh hany, ayat yang hany tulis ok, ini adalah bahagian quote…..sampai habis. apa yang perlu dibuat adalah…

 

 

 

Highlight ayat yang akan dijadikan quote (refer no 1 dalam gambar di atas) dan seterusnya tekan/click pada ikon pada nombor 2 macam dalam gambar nih.

 

 

 

7) kalau anda dah pasti, anda boleh PUBLISH je terus entri tersebut atau anda boleh preview dahulu entri.

 

taraaa…nampak tak yang ada background bunge bunge tuh.ha itulah dia….maka dah siap….

 

 

 

TAHNIAH TAHNIAH dah berjaya…yeayyy!!!