Apr 23 2010

Macam mana nak buat kotak blockquote warna oren?

Published by at 7:25 am under Bebel-bebel,Blogger,Tips,Tutorial

selamat petang.

sekarang buka notepad kita belajar sesuatu. er kira tadi i macam ustazah sekarang i bertukar jadi cikgu pendidikan seni pula KAH KAH KAH apa yang lawak? okay fine tak lawak.

ynn, mcmana nk taruk kotak oren tu dekat entry?boleh ajar dak? – feez

macam mana nak taruk kotak oren? okay i assume kotak oren itu adalah blockquote boleh? ALAHAI comelnya saya, sendiri tulis sendiri dapat soalan sendiri assume lah lepas tu sekarang kita sambung belajar macam mana nak buat code itu?

1. dashboard pegi ke pegi ke layout ==> Edit HTML ==> tick Expand Widget Templates

2 then ctrol + f , cari word .post blockquote { highlite semua word bawah ini

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

3. copy dan pastekan semua itu dengan code ini

.post blockquote {
background: #FFCC99;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
padding: 6px;
Border: 1px solid #ff0d62;
margin:1em 20px;
}

4. sekarang kita belajar.

.post blockquote {

background: #FFCC99; ( bold : ini background belakang warna oren) awak boleh ubah dekat sini contoh nak tukar color hitam tukar lah kepada #000000)

-moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; ( bold : ini border dia. kalau nak ubah, just ubah top atau bottom suka hati. sendiri bereskperimen)

padding: 6px; ( tak perlu usik )

Border: 1px solid #ff0d62; ( ini border color merah. kalau nak tukar line dia tebal, tambah lagi 1 kepada 5 atau 10px.

solid adalah garisan lurus. contoh ___________
dotted adalah garisan titik² contoh …………………….
dashed adalah garisan putus² contoh _ _ _ _ _ _ _

margin:1em 20px; ( tak perlu usik )
}

5. dah puas. baru save.

6. pergi new post ==> then tulis lah sesuatu kemudian highlite semua word anda kemudian tekan

UPDATE

KALAU anda tak jumpa code blockquote, jangan risau, anda boleh terus copy code yang di beri dan paste kan dia sebelum

]]></b:skin>

Hrap anda dapat mencantikkan belog sendiri YEY :)

okay dah. babai semua :D

Mereka google ini :

 Hello, saya Liyana Lunia . 22 . Industrial Computing student . saya berbloging secara random .

Random Posts

110 responses so far

110 Komentar to “Macam mana nak buat kotak blockquote warna oren?”

  1. # ikaon 23 Apr 2010 at 7:36 am

    trima kaseh ca ajar kte time tue ek…maceh yayang

    [Reply]

  2. # shakirah samsudinon 23 Apr 2010 at 7:40 am

    tq ynn, i pun da lme nk cari tutor wat mende ni.
    tp x cari2. da ade dpn mata, amek eh. tq :)

    n kalau nk wat background corak2 bley ke?

    [Reply]

  3. # Liyanaa.on 23 Apr 2010 at 7:42 am

    ika

    kekdg boleh emosi woo ajar org HAHAHA

    shakirah.

    boleh cuma tambah
    background: url(URL IMAGe);

    tapi tak disarankan sebab nanti taknampak word yang hendak di bagi org baca tu. betul x? :D

    [Reply]

  4. # Mr Rulezon 23 Apr 2010 at 7:47 am

    dah lama cari cari benda nie..thx..;)

    [Reply]

  5. # amoion 23 Apr 2010 at 8:03 am

    suka entri ko ni ??

    [Reply]

  6. # Liyanaa.on 23 Apr 2010 at 8:05 am

    aik kenapa ko suka weh MALUUUUU :P

    [Reply]

  7. # amoion 23 Apr 2010 at 8:08 am

    aku dah carik lama cam ne ko buat benda oren tu. HAHA. tu pasal LIKE. (:

    [Reply]

  8. # lassiegewdixon 23 Apr 2010 at 8:11 am

    wah ~ thx yayunx .
    bwu dok request someone tuto ni .
    da dpt da :)
    muuuaxxx ~

    [Reply]

  9. # amoion 23 Apr 2010 at 8:20 am

    aku tak ada post blockquote. huhu

    [Reply]

  10. # Liyanaa.on 23 Apr 2010 at 8:40 am

    amoi.

    ko tak ada? wah aneh T_T

    [Reply]

  11. # Hazzy Ishakon 23 Apr 2010 at 8:48 am

    dulu tatau pe lah blockquote ni,
    tapi sekarng dah tau dah…

    [Reply]

  12. # Liyanaa.on 23 Apr 2010 at 8:53 am

    eh kau kan ada blockquote kan? :D

    [Reply]

  13. # Ery Fariehaon 23 Apr 2010 at 9:21 am

    baguss!
    br nak tnye ko
    hohohoh

    [Reply]

  14. # Nuraini Son 23 Apr 2010 at 11:23 am

    Hoo , dah lama dah cari code niee . Thanks yaw !

    [Reply]

  15. # Alynn Notnoton 23 Apr 2010 at 11:42 am

    thanks!

    [Reply]

  16. # cik eykameow :)on 23 Apr 2010 at 12:02 pm

    hehe tuto ni besh, tp xtwu biler rajin nak buat. HAHA. thx ynn :) lepas ni leh ah tanya lain2. boleh bg ynn lg emosi. kikiki :P

    [Reply]

  17. # Misz_zana'85on 23 Apr 2010 at 12:27 pm

    wah, baru nak tanya cane buat :) )

    [Reply]

  18. # Salinaon 23 Apr 2010 at 12:49 pm

    the same thing goes to me.mmg da lme nk tny sbnrnye.thx kak yana!

    [Reply]

  19. # :: Feez_Mior ::on 24 Apr 2010 at 5:25 am

    wah..tak sia2 aku menanya..ramai yg cari rupanya..
    thnks ynn.. I'll try buat.. wuuu..

    nnt kalau I tnya lg, jgn segan silu ajar yer.. :D

    [Reply]

  20. # zikeryhassanon 24 Apr 2010 at 12:16 pm

    nak try la buat. nampak cool sahaja :)

    [Reply]

  21. # ** a i l y **on 26 Apr 2010 at 3:19 pm

    yayy! thankksss ynn aily dh berjaya buat ini. hehe

    [Reply]

  22. # ? emazwan ?on 04 Jun 2010 at 5:21 am

    thx a lot kak ynn . loveyou ngehh33 ;p

    [Reply]

  23. # ?Raidatul Aunaon 04 Jun 2010 at 7:00 am

    x de post blockquote le..T_T

    [Reply]

  24. # Hassanahon 12 Jun 2010 at 2:06 am

    thanx sis ynn.tutorial sis sgt membantu

    [Reply]

  25. # Nurul Fahrion 12 Jun 2010 at 8:16 am

    Time kaseh byk2 taw sbb buat tutorial ni..;)

    [Reply]

  26. # hanie_afifah97@yahoo.comon 16 Jun 2010 at 7:27 am

    Kak Ynn, kenapa saya tak dapat ek?
    Saya dah cuba lebih dri 10 kali
    huhuhu

    [Reply]

  27. # anyssreynastorymorypreetydirtysecreton 17 Jun 2010 at 8:37 am

    tengss ,nak cuba jugak la ,hiks :D

    [Reply]

  28. # AINA NADIA HAMIDon 26 Jun 2010 at 9:10 am

    thanks ajar…
    thanks alot

    [Reply]

  29. # hafidzah hafidzon 28 Jun 2010 at 12:54 pm

    memang power akak nih..cayala kak..hehe

    [Reply]

  30. # mohdhaidaron 01 Jul 2010 at 5:51 am

    mtk maaf kak, sy dh buat byk kali tp tak nmpak sb sy pkai chrome, sb code ni org yg gne mozilla firefox je leh nampak
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;

    [Reply]

  31. # Lizaon 03 Jul 2010 at 4:16 am

    thank you :)

    [Reply]

  32. # nason 06 Jul 2010 at 11:36 am

    maaf…saye xjmpe langsung kod yang atas tue….
    terus tak jadik nak buat…
    plz help me…

    [Reply]

  33. # Admiral Hafizon 07 Jul 2010 at 3:28 am

    klu x jumpe .post blockquote { tu mcm ne?
    xde pun
    wlupun dh puas Ctrl + F

    [Reply]

  34. # Shafiqon 07 Jul 2010 at 12:24 pm

    tutorial yg brguna..tQ~

    [Reply]

  35. # annadzirahon 08 Jul 2010 at 5:25 pm

    tenx bagi tut ni!!.
    :D

    [Reply]

  36. # the kacHaQguRlon 12 Jul 2010 at 12:22 am

    saia cari kod ni.post blockquote { tapy ta de pon….
    lpas download full template na buadd ape

    [Reply]

  37. # ayu is uyaon 12 Jul 2010 at 5:09 am

    sis,napa x jadi eh?

    [Reply]

  38. # ?Leily|Ummi Alya Husna?on 17 Jul 2010 at 5:13 am

    tens dear..
    menjadik la uuu… =)

    [Reply]

  39. # atiqahon 18 Jul 2010 at 9:23 am

    wahhh!! thanks a lot!! akak ade x button blog akak nih? nk letak kt blog saye.. ;)

    [Reply]

  40. # kkon 26 Jul 2010 at 1:47 am

    wohohohoh!!!dah buat berjaya jugak ahhaahaha

    [Reply]

  41. # aQeid_dieQaon 26 Jul 2010 at 3:05 am

    takde pun blockquote… mcmane ek?

    [Reply]

  42. # tehaon 01 Aug 2010 at 6:30 am

    apsl x jadi ek??dh ikut step bulat2 dh..xde pn bacgroun die..huuuu

    [Reply]

  43. # ray banon 11 Aug 2010 at 1:09 am

    thanks alot

    [Reply]

  44. # AMOI KUSUTon 15 Aug 2010 at 10:42 am

    babe..
    before diz, i pernah buat blockquote..
    dan ia menjadi..

    tapi semenjak tukar template baru,
    i punya blockquote hilang laa..
    then bila nak cari .post blockquote {margin:1em 20px;} <—benda ni, dah tak de lak..
    cam ne enk?

    [Reply]

  45. # Fana Floraon 15 Aug 2010 at 4:11 pm

    thanks for the tutorial. nasib baik faham :D

    [Reply]

  46. # Fana Floraon 15 Aug 2010 at 4:12 pm

    awk, macam mana nak tukar warna tulisan dalam kotak tu.hehe

    [Reply]

  47. # cujenon 27 Aug 2010 at 10:48 pm

    thanks for sharing.i put it in my blog. tutorial colum.

    [Reply]

  48. # cimut munniey :)on 03 Sep 2010 at 7:14 am

    liyanaa kita dah try buat tapi ta bole. tade kuar blockquote tuh. :( help me. nak blg comel mcm awk. hehe

    [Reply]

  49. # misshanison 06 Sep 2010 at 9:28 am

    thanks bg tutorial nie..mmg dh lama carik bnda nie..thnx liyana :)

    [Reply]

  50. # asfz lilyon 07 Sep 2010 at 12:19 pm

    kenapa asfz wat jadi laen ek..bile tekan enter dye jadi kotak yang berasingan..haiyoo~

    [Reply]

  51. # syahrilhafizon 12 Sep 2010 at 4:11 pm

    versi wp ada tak..
    lama dh caqi ni

    [Reply]

  52. # Cik Lilyon 15 Sep 2010 at 2:48 pm

    tak jadi pon. huhuh

    [Reply]

  53. # +budak gem0k+on 21 Sep 2010 at 10:18 am

    time kasih..tumpang ambik tutorial..

    [Reply]

  54. # FiqaSalehon 22 Sep 2010 at 3:33 am

    cam ne? tak menjadi ahh.. highlight dah tu tekan " .. tak de, terus delete je yg sy highlight tu..

    [Reply]

  55. # missviolet boutiqueon 22 Sep 2010 at 1:18 pm

    yeay…bole wat dah..tenkiu ynn…

    lebiu..

    [Reply]

  56. # ARC™on 24 Sep 2010 at 1:51 pm

    i like i like. syg ynn banyak2

    [Reply]

  57. # :: S.h.U.H.a.d.A ::on 28 Sep 2010 at 3:06 pm

    thanx. :) .

    [Reply]

  58. # Sition 29 Sep 2010 at 12:06 am

    yeay ! dah jadi! haha. suke suke. terima kasih for the tutorial. :)

    [Reply]

  59. # .: zaNaz0ne :.on 22 Oct 2010 at 2:24 pm

    lenn, aq da dapat wat. hehe. mekasih yunxx !!

    [Reply]

  60. # jackieKOHon 28 Oct 2010 at 2:50 am

    owh2…….. thx2~~~~

    [Reply]

  61. # FiqaSalehon 28 Oct 2010 at 8:19 am

    tak berjaya lahh… dulu penah wat ikut cara sama gak..skrg ni nak try lagi tak leh.. :p

    New Entry "cinta yg hilang"

    [Reply]

  62. # jackieKOHon 06 Nov 2010 at 9:39 am

    tenkiuuu…sgt berguna..hehe

    Jejom Terjah Blog Aku : ..::jacKsky.reaCHing da' sKy wITh tSuBasA::..

    [Reply]

  63. # Fiaon 16 Nov 2010 at 6:42 pm

    THANKS A LOT byk tuto ynn yg fia guna ;)

    [Reply]

  64. # nurezzaton 18 Nov 2010 at 7:33 am

    Salam..ezzat da tahu buat..
    tapi macamana nak kecikkan kotak ye?
    panjang sgt la..

    [Reply]

  65. # kashikaaririon 20 Nov 2010 at 2:19 pm

    Tanx A Lot ! Dah banyak kali sy buat tp kali nih bejaya ! Hoyeh hoyeh :)
    MEKASIHHHH !!

    [Reply]

  66. # Nurul chumelon 21 Nov 2010 at 3:31 am

    sis, macam mana nak bg blockquote kita satu kotak je. Kalau enter je mesti jadi kotak lain. macam mana ye?

    [Reply]

  67. # Tinny Manye Keleyon 25 Nov 2010 at 10:49 am

    THANKZ!!

    [Reply]

  68. # GADIS choClolion 26 Nov 2010 at 6:59 am

    same la tk jadi pon . . nak cari kod tu tak dapat . .

    [Reply]

  69. # Dyha ding.dongon 01 Dec 2010 at 2:21 am

    thank you :)

    [Reply]

  70. # inafedoraon 02 Dec 2010 at 4:39 am

    tq..tpi ina xnmpk ape yg in buat la kak..
    hahaaaaa….

    [Reply]

  71. # Iqaon 02 Dec 2010 at 6:33 am

    Dah jadi, Thank you :)

    [Reply]

  72. # Syamil Hafiyon 03 Dec 2010 at 1:03 pm

    erk .. code .post blockquote { tak jumpa la pulak . camne ek ?

    [Reply]

  73. # Liyana Lunia.on 03 Dec 2010 at 1:18 pm

    sayanggg semua, kalau tak ada code

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

    sila cari code >>

    ]]></b:skin>

    dan paste code blockquote atas ]]></b:skin>

    [Reply]

  74. # Zodyon 05 Dec 2010 at 8:36 am

    x reti…………

    [Reply]

  75. # ||aLeaSaRa||on 05 Dec 2010 at 7:13 pm

    Tumpang lalu…yuhuu…akhirnya berjaya jugak kite buat.Puas try & error akhirnya berjaya juga.Template kite takde .post blockquote{ so kite just cari ]]>.Trma kasih atas tutorial tu dan kite jadikan blog sis sbg blog list(suka lepak).Sudilah singgah dan jd followers kite.Geng blogger yg baca nipun jom singgah di http://born2touchurheart.blogspot.com

    [Reply]

  76. # ||aLeaSaRa||on 05 Dec 2010 at 7:14 pm

    kite dah jd followers sis yang ke-2688.

    [Reply]

  77. # faradeebaon 07 Dec 2010 at 3:24 pm

    tq 4 this!
    ;D

    [Reply]

  78. # Damilinaon 08 Dec 2010 at 7:50 am

    thnks for tis tutorial ?

    [Reply]

  79. # anysmayonison 08 Dec 2010 at 1:37 pm

    thx :D

    [Reply]

  80. # Nur SyafiQaH ZulkiflYon 08 Dec 2010 at 3:27 pm

    Akak, tak jadik…

    [Reply]

  81. # Nur SyafiQaH ZulkiflYon 08 Dec 2010 at 3:29 pm

    Tak jadik,, tak jadik.. help me plez!

    [Reply]

  82. # dibadeebuton 12 Dec 2010 at 4:57 am

    huhu.. knp saya tak paham..huhu blockquote tu sbnrnya utk pe??? seyes… emo ni.. sebb tak paham..huhu

    [Reply]

  83. # Anis Adila Arison 18 Dec 2010 at 10:25 am

    tq for tutorial..
    sangat berguna ;)

    [Reply]

  84. # -? Ayu ?-on 19 Dec 2010 at 2:02 am

    nape sy wat x jadi eh…huhuhuh

    [Reply]

  85. # siti faridah harun (nama penuh tu)on 21 Dec 2010 at 4:24 am

    thanks yana .. u're my fav tutor,, hehe

    [Reply]

  86. # Farah Ainon 21 Dec 2010 at 1:43 pm

    liana lunia..terima kaseh bg tutorial ni..;)
    saya dh gune ;)

    [Reply]

  87. # ? C!K MAZ's?on 23 Dec 2010 at 3:01 pm

    thanks yana…akak dh jadi buat kotak comei tu…
    akak pun dh follow yana…nti yana follow akak blh..bye

    [Reply]

  88. # Hazrina Erinon 25 Dec 2010 at 5:28 pm

    thnx 4 da tutorial!~(:

    [Reply]

  89. # Husna Lanaon 01 Jan 2011 at 12:05 pm

    tenkiuu ! da buat tp xtau la jd ke tak. huuu
    kaler border xkuar. T__T

    [Reply]

  90. # cIk JanNahon 10 Jan 2011 at 7:09 pm

    thanx saya ikot ur tutorial.
    dah jadi.

    hoyey!

    [Reply]

  91. # amy syifaon 12 Jan 2011 at 3:05 pm

    dear…………..dah buat blockquote ni dan dah jadi,thankz a lot dear.dah credit u jugak =p.
    jom tgk hasil di blog sy..huhu

    [Reply]

  92. # tiefazatieon 25 Jan 2011 at 2:14 pm

    ifa dtg usha2 nie..=)
    nice!

    [Reply]

  93. # N o r f i t r i a m e l i a bt R a m l ion 31 Jan 2011 at 1:58 pm

    THANKS :D da banyak kali try ta jadi . now , da jadi :D ehee ~ thanks eh :)

    [Reply]

  94. # sue sofianon 06 Feb 2011 at 6:35 am

    salam kenal..

    thanx 4 da tutorial..

    anyway kredit utk anda..

    http://ladymiaka86.blogspot.com/2011/02/try-error.html

    [Reply]

  95. # sue sofianon 06 Feb 2011 at 6:40 am

    salam kenal..

    thanx 4 da tutorial..
    anyway kredit utk anda!

    http://ladymiaka86.blogspot.com/2011/02/try-error.html

    [Reply]

  96. # : JannahSuhaimi :on 14 Feb 2011 at 4:44 am

    liyana..terima kasih byk2..lama sgt cari..jumpa gak yang jelass..:)

    [Reply]

  97. # FATIN LIYANA ?on 10 Mar 2011 at 3:53 pm

    Salam , kak ynn . sy yanaa ! saya search pakai ctrl F tak dapat , lepaih tu saya search satu2 . lagi la tak dapat , waaa . haha

    [Reply]

  98. # Liyana Lunia.on 11 Mar 2011 at 1:04 am

    @FATIN LIYANA ?

    ALAAA siannyaaa puas cari satu2 eh? hwahaha T____T

    okeee, pegi ctrl+f balik, cari

    ]]></b:skin>

    kemudian paste kan code dekat atas tu

    .post blockquote {
    background: #FFCC99;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    padding: 6px;
    Border: 1px solid #ff0d62;
    margin:1em 20px;
    }

    nak ubah warna cuma adjust bahagian yang bertanda #blabla;

    Goodluck sygg <3

    [Reply]

  99. # Najwa Sofwanion 23 Mar 2011 at 10:40 pm

    thanks liyana =D
    dah lme nk buat, akhirnya berjaya jgk, thanks to you =)

    [Reply]

  100. # amalon 25 Apr 2011 at 9:26 am

    terima kasih.. dtg kutip ilmu :D

    [Reply]

  101. # miszFAZIEon 02 May 2011 at 1:44 pm

    tengs for the tuto . dah lame cari tuto neh :)

    [Reply]

  102. # _NisaFuzi_on 15 May 2011 at 2:46 pm

    wah. berjaya ! tq. hehe

    [Reply]

  103. # fareha quonitaon 25 May 2011 at 11:47 am

    tutorial ini sangat membantu kepada saya (sbb beginner) teehee~ terima kasih :)

    [Reply]

  104. # nohohoNo Gravataron 08 Jul 2011 at 10:24 pm

    thanks!!
    dah jadi

    [Reply]

    Liyana LuniaNo Gravatar Reply:
    July 9th, 2011 at 12:42 am

    YEY congrats ;) )

    [Reply]

  105. # saschaNo Gravataron 17 Oct 2011 at 5:32 pm

    yeya! thx a lot. tp kenapa xda bunga2? ceh ==’

    [Reply]

    Liyana LuniaNo Gravatar Reply:
    October 17th, 2011 at 10:59 pm

    hehe just masukkan

    background-image:url(URL IMAGE ANDA);

    jeee ! ;) )

    [Reply]

  106. # madianaNo Gravataron 31 Oct 2011 at 12:24 pm

    salam.aii dear..”kidnap ” tutor ea.. :) tQ

    [Reply]

    Liyana LuniaNo Gravatar Reply:
    November 1st, 2011 at 5:34 pm

    wslm dear, kidnap la mana yang berkenan HIKHIK ;p

    [Reply]

  107. # Free Microsoft Office serial keyon 20 Nov 2011 at 1:59 am

    Free Microsoft Office serial key…

    [...]Macam mana nak buat kotak blockquote warna oren? | Liyana Lunia[...]…

Trackback URI | Comments RSS

Leave a Reply