Cara Buat Kotak Blockquote

Tuesday, January 25, 2011

Assalamualaikum..

morning uolss..sehat hari ni?

oke, saya nak share macamane nak buat kotak blockquote yang cun melecun macam saya..acehhwahh..oke merapu..sila lempang diri sendiri..
ini adalah kotak blockquote ya


ada 2 cara, let say korang tak jumpe code pertama, bole try cari code yang kedua..perlu godek-godok html sikit yee..baek, mari mulakan.

1. Dashboard > Design > Edit HTML dan tick Expand Widget Templates,tolong Download Full Template dulu ya, kot silap, masih ada back up..

2. tekan ctrl+f pada keyboard, dan masukkan code kat bawah ni dalam kotak find.
.post blockquote {
margin:1em 20px;
}
atau, kalau takde code ni, cube cari code kedua ni  pulak
]]></b:skin>
3. da jumpe? now, kalau korang jumpe code pertama, copy code kat bawah ni dan GANTIKAN code yang korang jumpe tadi.  kalau jumpe code ke dua, paste code ni kat ATAS code ]]></b:skin>
.post blockquote {
background: #FFF380;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
padding: 6px;
Border: 1px solid #000000;
margin:1em 20px;
}
Kalau nak corak-corak comel sikit, amek code ini.
.post blockquote {
 background: url (URL Image korang) repeat;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
padding: 6px;
Border: 1px solid #000000;
margin:1em 20px;
}

korang bole cari corak comel Cherrybam

gantikan URL Image korang tu..contoh : http://www.sadmuffin.net/cherrybam/myspacelayouts/polkadots/27.gif (hujung mesti ada .gif atau .jpg ke)

merah : warna background yang korang nak..bole cari code kaler kat HTML color codes

biru : bentuk border kotak blockquote. korang bole ubah word top bottom left right ikot suka hati ya. adjust sendiri.

ungu : 1px - tebal border kotak blockquote..ubah sendiri ya..
solid - bentuk garisan untuk border

solid untuk garis lurus (___________)
dotted untuk garis titik-titik (................)
dashed untuk garis putus-putus.( _ _ _ _ _ _ _ )

#000000 - warna border kotak blockquote

4. Preview dan Save. lepas tu, korang try la buat blockquote..yeah..



yeahh..siapp..korang kalau tak faham, tanya la ye..acely, kat step 2 tu, untuk korang yang takde code blocquote,bole cari code b:skin tu...

all da best semua..

~wassalam~
pst : tutorial ni untuk yang tak tahu oke..pada yang da tahu dan pakar..diam..diam. Kredit untuk Liyana Lunia
da buat?komen sini meh..terima kasih..

Share This Story

Tags: ,

You Might Also Like

26 Comments

  1. Liyana Lunia1/24/2011 7:58 PM

    TQ sbb kreditkannnnnnnnn

    *terharu*


    HAHAHAHAHA

    ReplyDelete
  2. m i a1/24/2011 8:07 PM

    @Liyana Lunia.

    hahahaa..suka ynn ea..ehekheke..mmg depends pd tutorial kamu dear..cume mia edit sikit je..

    ReplyDelete
  3. nur1/24/2011 9:52 PM

    Mia ni rajen wat tutorial.. good good..
    Jemput keALL IN ONE

    ReplyDelete
  4. Nina RZ1/24/2011 10:24 PM

    thanx sis.
    :)

    ReplyDelete
  5. Unknown1/25/2011 1:23 AM

    nak tarok iklan nuff dgn lbeyh kretip cam cikgu camne laks..

    ReplyDelete
  6. m i a1/25/2011 5:37 AM

    @nur

    hehehe..thanks dear..bole je try godek3 aje

    ReplyDelete
  7. m i a1/25/2011 5:38 AM

    @nina

    welkam dear..nnti try ea

    ReplyDelete
  8. m i a1/25/2011 5:38 AM

    @JIJI YU

    maksud cikgu, iklan nuff yang statik tu ke??

    ReplyDelete
  9. Anonymous1/25/2011 7:06 PM

    tq..ia sgt membantu.

    ReplyDelete
  10. Akhelaken2/25/2011 12:48 AM

    adoiyai,xjadi plak la cikgu!

    ReplyDelete
  11. Rina Rossoneri3/03/2011 6:44 PM

    Tq ye

    ReplyDelete
  12. Rina Rossoneri3/03/2011 6:49 PM

    dan oh nak tanya,Macam mana nak bagi ketengahkan tulisan jangan bagi dekat dengan border blockquote nih?..kita xtau macam mana nak terangkan..nak google pun tak tahu nak taip apa..
    harap tolong ye...

    Dreamy

    ReplyDelete
  13. Nina RZ5/27/2011 1:31 AM

    thanx kak.
    :)

    ReplyDelete
  14. eiyqa6/04/2011 7:00 AM

    sorry ):
    kak blockquote tu sbenanye ape ?

    ReplyDelete
  15. [sutera kasih]6/28/2011 9:28 AM

    thanks sharing :)

    ReplyDelete
  16. m i a6/29/2011 4:50 AM

    @Cheq Tun

    hehe..my pleasure dear,,

    ReplyDelete
  17. m i a6/29/2011 4:50 AM

    @Akhelaken

    xjadi?silap coding kot?

    ReplyDelete
  18. m i a6/29/2011 4:50 AM

    @Rina Rossoneri

    welkam dear..

    ReplyDelete
  19. m i a6/29/2011 4:51 AM

    @Rina Rossoneri

    erkk, da try center kan font x babe?

    ReplyDelete
  20. m i a6/29/2011 4:51 AM

    @nina

    wc nina..hehee

    ReplyDelete
  21. m i a6/29/2011 4:52 AM

    @eiyqa

    blockguote ni guna if kita nak highlight smthing dlm entry..

    ReplyDelete
  22. m i a6/29/2011 4:52 AM

    @[sutera kasih]

    welkam dear

    ReplyDelete
  23. Izzatipatrick12/22/2011 7:09 AM

    thanks for ur tutor. :)
    just nk tya kalau dh bukak cherrybam tu kita nk dpatkan url dia kat mana eh?

    ReplyDelete
  24. m i a12/26/2011 5:24 PM

    @Izzatipatrick

    welkam dear :) klik kat image yg nak copy, n klik kat 'Click Here To Get The Code' tu

    _________________________
    I added cool smileys to this message... if you don't see them go to: http://s.exps.me

    ReplyDelete
  25. m i a3/12/2012 3:09 AM

    @sophia hany

    bole guna masa nak buat entry. just klik button yang akak tnjuk kat atas skali tu. button tu ada kat tempat taip entry..

    ReplyDelete
  26. cikgu zul1/07/2013 9:04 PM

    akak.suke nye menjadi..tuto blog lain seme xmenjadi..last2 saye jumpe blog akak ni.thanks sngt.:)

    ReplyDelete

SHARE LINK ANDA DI SINI

<a href="URL LINK BLOG U OLS"> NAMA BLOG U OLS</a>

thanks for dropping by...
^__^