Tukar Warna Background Blockquote

Posted on 7:00:00 AM by  with 31 comments
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. CipinaMarch 9, 2010 at 8:15 AM

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

    ReplyDelete
  2. mfkMarch 11, 2010 at 12:52 AM

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

    ReplyDelete
  3. unMarch 14, 2010 at 9:50 AM

    Fina Fento,
    sama².:)

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

    ReplyDelete
  4. Farzana :3August 15, 2010 at 2:21 PM

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

    ReplyDelete
  5. fad***November 6, 2010 at 10:33 PM

    thank's bro...aku suke ni

    ReplyDelete
  6. cahaya is NuVus ;)November 12, 2010 at 11:15 PM

    xfaham laa?xjadi punnn

    ReplyDelete
  7. Miera HassanNovember 24, 2010 at 7:49 AM

    tak jadi pun...huhu

    ReplyDelete
  8. Miera HassanNovember 29, 2010 at 8:35 AM

    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
  9. zahi ♡December 5, 2010 at 1:06 AM

    k buat blockquote pon sye x reti..

    ReplyDelete
  10. Blogger PicisanDecember 8, 2010 at 7:15 PM

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

    ReplyDelete
  11. Blogger PicisanDecember 8, 2010 at 7:23 PM

    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
  12. fad***December 17, 2010 at 2:28 AM

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

    ReplyDelete
  13. Loyar LawaJanuary 4, 2011 at 6:49 PM

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

    ReplyDelete
  14. Loyar LawaJanuary 4, 2011 at 6:50 PM

    ohhhhhh baru bace kumen di atas....

    thx ya

    ReplyDelete
  15. HabibahJanuary 26, 2011 at 7:18 PM

    nk guna blockquote cmner? taip jer lam new post?

    ReplyDelete
  16. wanFebruary 3, 2011 at 12:51 AM

    xjumpa pn code tu

    ReplyDelete
  17. HamrryFebruary 8, 2011 at 1:48 PM

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

    ReplyDelete
  18. tipahvogueMarch 9, 2011 at 12:22 PM

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

    ReplyDelete
  19. AnonymousApril 11, 2011 at 7:57 PM

    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
  20. UnknownApril 21, 2011 at 4:39 PM

    xjadi pon,,,cmne nk guna???

    ReplyDelete
  21. iSmi_HanUmApril 28, 2011 at 1:31 AM

    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
  22. iSmi_HanUmApril 28, 2011 at 1:32 AM

    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
  23. AnakSiAgAmitMay 12, 2011 at 3:02 AM

    x pham la yg post last ne~

    ReplyDelete
  24. eyzaaOctober 6, 2011 at 12:06 PM

    xbley pun.. susah laa ..

    ReplyDelete
  25. AnonymousNovember 1, 2011 at 12:35 AM

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

    ReplyDelete
  26. aini shuhaimahDecember 26, 2011 at 11:51 PM

    emm, mcm mne nk gne blockquote ni ?? =='

    ReplyDelete
  27. Cik ApplemuffinJanuary 1, 2012 at 6:39 AM

    Thanksss...jadi ^_^ ...suka2

    ReplyDelete
  28. UnknownJanuary 5, 2012 at 9:39 AM

    btw thanz for sharing

    ReplyDelete
  29. Amirul Hafiiz RuhaimiFebruary 11, 2012 at 10:58 PM

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

    ReplyDelete
  30. amanina subriFebruary 23, 2012 at 4:56 PM

    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
  31. UnknownFebruary 26, 2012 at 2:09 AM

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

    ReplyDelete

Subscribe to: Post Comments (Atom)