23
Apr

Macam mana nak buat kotak blockquote warna oren?

Filed in 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

Mereka google ini :

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

Random Posts

Terima kasih sudi baca ;)

Mari menolong sharing ❤

You can leave a response, or trackback from your own site.

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

ika
23Apr

trima kaseh ca ajar kte time tue ek…maceh yayang

[Reply]
shakirah samsudin
23Apr

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]
Liyanaa.
23Apr

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?

[Reply]
Mr Rulez
23Apr

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

[Reply]
amoi
23Apr

suka entri ko ni ??

[Reply]
Liyanaa.
23Apr

aik kenapa ko suka weh MALUUUUU

[Reply]
amoi
23Apr

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

[Reply]
lassiegewdix
23Apr

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

[Reply]
amoi
23Apr

aku tak ada post blockquote. huhu

[Reply]
Liyanaa.
23Apr

amoi.

ko tak ada? wah aneh T_T

[Reply]
Hazzy Ishak
23Apr

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

[Reply]
Liyanaa.
23Apr

eh kau kan ada blockquote kan?

[Reply]
Ery Farieha
23Apr

baguss!
br nak tnye ko
hohohoh

[Reply]
Nuraini S
23Apr

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

[Reply]
Alynn Notnot
23Apr

thanks!

[Reply]
cik eykameow :)
23Apr

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

[Reply]
Misz_zana'85
23Apr

wah, baru nak tanya cane buat )

[Reply]
Salina
23Apr

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

[Reply]
:: Feez_Mior ::
23Apr

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..

[Reply]
zikeryhassan
23Apr

nak try la buat. nampak cool sahaja

[Reply]
** a i l y **
23Apr

yayy! thankksss ynn aily dh berjaya buat ini. hehe

[Reply]
? emazwan ?
23Apr

thx a lot kak ynn . loveyou ngehh33 ;p

[Reply]
?Raidatul Auna
23Apr

x de post blockquote le..T_T

[Reply]
Hassanah
23Apr

thanx sis ynn.tutorial sis sgt membantu

[Reply]
Nurul Fahri
23Apr

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

[Reply]
hanie_afifah97@yahoo.com
23Apr

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

[Reply]
anyssreynastorymorypreetydirtysecret
23Apr

tengss ,nak cuba jugak la ,hiks

[Reply]
AINA NADIA HAMID
23Apr

thanks ajar…
thanks alot

[Reply]
hafidzah hafidz
23Apr

memang power akak nih..cayala kak..hehe

[Reply]
mohdhaidar
23Apr

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]
Liza
23Apr

thank you

[Reply]
nas
23Apr

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

[Reply]
Admiral Hafiz
23Apr

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

[Reply]
Shafiq
23Apr

tutorial yg brguna..tQ~

[Reply]
annadzirah
23Apr

tenx bagi tut ni!!.

[Reply]
the kacHaQguRl
23Apr

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

[Reply]
ayu is uya
23Apr

sis,napa x jadi eh?

[Reply]
?Leily|Ummi Alya Husna?
23Apr

tens dear..
menjadik la uuu… =)

[Reply]
atiqah
23Apr

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

[Reply]
kk
23Apr

wohohohoh!!!dah buat berjaya jugak ahhaahaha

[Reply]
aQeid_dieQa
23Apr

takde pun blockquote… mcmane ek?

[Reply]
teha
23Apr

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

[Reply]
ray ban
23Apr

thanks alot

[Reply]
AMOI KUSUT
23Apr

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]
Fana Flora
23Apr

thanks for the tutorial. nasib baik faham

[Reply]
Fana Flora
23Apr

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

[Reply]
cujen
23Apr

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

[Reply]
cimut munniey :)
23Apr

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

[Reply]
misshanis
23Apr

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

[Reply]
asfz lily
23Apr

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

[Reply]
syahrilhafiz
23Apr

versi wp ada tak..
lama dh caqi ni

[Reply]
Cik Lily
23Apr

tak jadi pon. huhuh

[Reply]
+budak gem0k+
23Apr

time kasih..tumpang ambik tutorial..

[Reply]
FiqaSaleh
23Apr

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

[Reply]
missviolet boutique
23Apr

yeay…bole wat dah..tenkiu ynn…

lebiu..

[Reply]
ARC™
23Apr

i like i like. syg ynn banyak2

[Reply]
:: S.h.U.H.a.d.A ::
23Apr

thanx. .

[Reply]
Siti
23Apr

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

[Reply]
.: zaNaz0ne :.
23Apr

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

[Reply]
jackieKOH
23Apr

owh2…….. thx2~~~~

[Reply]
FiqaSaleh
23Apr

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

New Entry "cinta yg hilang"

[Reply]
jackieKOH
23Apr

tenkiuuu…sgt berguna..hehe

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

[Reply]
Fia
23Apr

THANKS A LOT byk tuto ynn yg fia guna

[Reply]
nurezzat
23Apr

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

[Reply]
kashikaariri
23Apr

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

[Reply]
Nurul chumel
23Apr

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

[Reply]
Tinny Manye Keley
23Apr

THANKZ!!

[Reply]
GADIS choCloli
23Apr

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

[Reply]
Dyha ding.dong
23Apr

thank you

[Reply]
inafedora
23Apr

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

[Reply]
Iqa
23Apr

Dah jadi, Thank you

[Reply]
Syamil Hafiy
23Apr

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

[Reply]
Liyana Lunia.
23Apr

sayanggg semua, kalau tak ada code

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

sila cari code >>

]]></b:skin>

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

[Reply]
Zody
23Apr

x reti…………

[Reply]
||aLeaSaRa||
23Apr

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]
||aLeaSaRa||
23Apr

kite dah jd followers sis yang ke-2688.

[Reply]
faradeeba
23Apr

tq 4 this!
;D

[Reply]
Damilina
23Apr

thnks for tis tutorial ?

[Reply]
anysmayonis
23Apr

thx

[Reply]
Nur SyafiQaH ZulkiflY
23Apr

Akak, tak jadik…

[Reply]
Nur SyafiQaH ZulkiflY
23Apr

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

[Reply]
dibadeebut
23Apr

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

[Reply]
Anis Adila Aris
23Apr

tq for tutorial..
sangat berguna

[Reply]
-? Ayu ?-
23Apr

nape sy wat x jadi eh…huhuhuh

[Reply]
siti faridah harun (nama penuh tu)
23Apr

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

[Reply]
Farah Ain
23Apr

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

[Reply]
? C!K MAZ's?
23Apr

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

[Reply]
Hazrina Erin
23Apr

thnx 4 da tutorial!~(:

[Reply]
Husna Lana
23Apr

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

[Reply]
cIk JanNah
23Apr

thanx saya ikot ur tutorial.
dah jadi.

hoyey!

[Reply]
amy syifa
23Apr

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]
tiefazatie
23Apr

ifa dtg usha2 nie..=)
nice!

[Reply]
N o r f i t r i a m e l i a bt R a m l i
23Apr

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

[Reply]
sue sofian
23Apr

salam kenal..

thanx 4 da tutorial..

anyway kredit utk anda..

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

[Reply]
sue sofian
23Apr

salam kenal..

thanx 4 da tutorial..
anyway kredit utk anda!

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

[Reply]
: JannahSuhaimi :
23Apr

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

[Reply]
FATIN LIYANA ?
23Apr

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

[Reply]
Liyana Lunia.
23Apr

@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]
Najwa Sofwani
23Apr

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

[Reply]
amal
23Apr

terima kasih.. dtg kutip ilmu

[Reply]
miszFAZIE
23Apr

tengs for the tuto . dah lame cari tuto neh

[Reply]
_NisaFuzi_
23Apr

wah. berjaya ! tq. hehe

[Reply]
fareha quonita
23Apr

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

[Reply]
nohoho
23Apr

thanks!!
dah jadi

[Reply]
Liyana Lunia Reply:
July 9th, 2011 at 12:42 am
YEY congrats )

[Reply]
sascha
23Apr

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

[Reply]
Liyana Lunia Reply:
October 17th, 2011 at 10:59 pm
hehe just masukkan

background-image:url(URL IMAGE ANDA);

jeee ! )

[Reply]
madiana
23Apr

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

[Reply]
Liyana Lunia Reply:
November 1st, 2011 at 5:34 pm
wslm dear, kidnap la mana yang berkenan HIKHIK ;p

[Reply]