Tukar Warna Background Blockquote

Blockquote bagi sesebuah blog/website biasanya digunakan untuk menunjukkan satu petikan yang melibatkan kata-kata yang hendak di'tekan'kan kepada pengunjung sesebuah blog.

Bagi blog, kod yang digunakan untuk blockquote adalah <blockquote> APAƂ² PETIKAN</blockquote>. Selain untuk menunjukkan petikan kata, blockquote juga digunakan untuk tujuan lain seperti mempamerkan kod (seperti yang dilakukan dalam blog ini)

Tutorial ini akan menunjukkan cara untuk menukar warna background bagi blockquote mengikut citarasa seseorang blogger.

Contoh blockquote yang telah ditukar warna background.



Cara untuk tukar warna background adalah seperti berikut.

1. Login akaun blogger, dari dashboard >layout > edit html >

2. Gunakan ctrl + F untuk menghidupkan fungsi find kemudian cari kod berikut.

.post blockquote {



3. Dibawah kod ini, masukkan kod berikut.

background:#KOD WARNA ;



KOD WARNA: boleh dapatkan merujuk kepada kod dibawah.

contoh:kod sepatutnya kelihatan seperti ini.


4. Save dan lihat hasilnya.

---------------
Sila rujuk web dibawah untuk kod gambar. Jika mahu dalam paparan windows berlainan, sila KLIK SINI


31 comments:

  1. menarik..tercari-cari sebelum ni nak letak kaler utk quote..terima kasih!

    ReplyDelete
  2. menarik2...
    terima kasih...
    kalau nak letak gambar or background bergambar mcm contoh atas sekali tu macam mana?
    terima kasih
    +)

    ReplyDelete
  3. Fina Fento,
    sama².:)

    mfk,
    ada cara untuk tukar background bergamabr.
    nanti aku buat tutorial tu.:)

    ReplyDelete
  4. Nak Tanye kalau takde .post blockquote { nak buat cmne ?

    ReplyDelete
  5. awk..dh jd..tp kan, cmne ea kalau miera nk wat background untuk blockquate yang ada 2 dlm 1 entry tp nk kaler lain2..?

    ReplyDelete
  6. k buat blockquote pon sye x reti..

    ReplyDelete
  7. template baru memang takda code untuk .post blockquote { ker?

    ReplyDelete
  8. Takpa saya dah tau.
    bagi yang tak boleh lagi tu korang cari code

    .post {

    pastu bawah code tu korang paste code

    .post blockquote {
    background:#kodwarna;
    }

    save and you're done. :D

    ReplyDelete
  9. pergi kat sini untuk tengok cara full yang sebenar sebenar...Cara Menukar Background/Gaya Blockquote

    ReplyDelete
  10. knp sye punya html tue xde yg .post blockquote tuh... huhu

    ReplyDelete
  11. ohhhhhh baru bace kumen di atas....

    thx ya

    ReplyDelete
  12. nk guna blockquote cmner? taip jer lam new post?

    ReplyDelete
  13. aku xde kod tuh lah..aku nak hilangkan blockquote tuh..biar hilang trus,,cmana ea??

    ReplyDelete
  14. takde pon ".post blockquote {" kat edit html tuuuuuuuuuuu??? cane nihhhhhhhh???

    ReplyDelete
  15. problem pada blog saya adalah kegagalan untuk menyeragamkan keseragaman gambar2 supaya nampak teratur&cantik.cth satu link gmbr kecik & satu besar...lihat la http://nurulbazliahmasri@blogspot.com...gmbr pada sisi...any idea bg cantik

    ReplyDelete
  16. kalau xde kod

    .post blockquote {

    dan

    .post {
    boleh tmbh dlm html tu...cmnie cre dia...cri

    .post-body {
    position: relative;
    }

    then paste kod nie..


    .post blockquote {
    background:#kodwarna;
    }

    preview tuk lihat jd ke x...then save..sy dh wt...jd..

    ReplyDelete
  17. erk..tertinggal...paste kod tu kt bwh kod yg dicari sebelum nye..bile dh paste akan jd cmni..

    .post-body {
    position: relative;
    }

    .post blockquote {
    background:#kodwarna;
    }

    ReplyDelete
  18. macam mana pula nak buat box yg line dia warna oren tu~?
    tolong.....

    ReplyDelete
  19. emm, mcm mne nk gne blockquote ni ?? =='

    ReplyDelete
  20. aaaaaaaaaaaarrrrrrrrrrrrhhhhhhhhhhhhh..........dah berpuluh kali mencuba....tap x jugak jad

    ReplyDelete
  21. sebenarnya pe mende ni?nk ubah camne nk ,ta fham sebenar kegunaan benda tu harap sngat explain sebab aku rasa kalu edit code html takut wrna blog kita brubah,grrr,haha

    ReplyDelete
  22. walaupun dh cari kod yg cik mijahidah_safwah ajar..kod tersebut tetap takde dlm aku punya html tu...dah macam mane??

    ReplyDelete