Tuesday, November 30, 2010

.tutorial blockquote | kotak comel dalam entry

.

Salam.

Pen merah pen biru
You marah, I love you.

Comel tak kotak dekat atas ni? Cepat cakap comel! Kalau tak, I tanak ajar. Teehehe~ Ok, hari ni I nak ajar camna nak buat kotak dekat atas tu atau dalam bahasa omputihnya, Blockquote.

1) Pergi dekat Dashboard - Layout - Edit HTML - tick Expand Widget Templates. Lepas tu cari code ]]></b:skin> (Kalau nak senang cari, korang tekan CTRL F dekat keyboard korang)

2) Bila dah jumpa, copy dan paste code dekat bawah ni, dekat atas code Step 1 tadi.

.post blockquote { background-image:url(URL IMAGE); -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; padding: 6px; Border: 3px solid #FF0080; margin:1em 20px; }

URL IMAGE - Korang kena letak URL image untuk background blockquote korang. Contoh URL (http://www.mycutegraphics.com/backgrounds/pink/th-pink14.gif) Korang boleh tengok background yang comel-comel dekat SINI.

Border: 3px - Kalau nak lagi tebal, tambahkan jer ker 5px ker, 10 px ker hihi.

#FF0080 - Ni warna border korang. Yang I punya tuh warna pink. Korang leh tukar warna lain. Tengok code warna dekat SINI.

3) Yang lain-lain tu tak payah lah tukar. Hihi. Nanti korang pening pulak. Lepas settle semua, terus tekan SAVE.

4) Then try buat satu entry. Lepas dah habis taip ayat yang korang nak letak dalam kotak tu, korang highlight semua ayat tuh then korang klik icon blockquote. Jap ek. I print screen and tunjuk contoh.

Tulis dulu ayat dia.
Then select semua ayat.
Lepas tu, klik icon blockquote.
Dan akan jadi lah kotak comel macam bawah ni.

You're the apple to my pie...
You're the straw to my berry...
You're the smoke to my high...
And you're the one I wanna marry~~


SELAMAT MENCUBA!
^.^

171 comments

::cikjuju::◕‿◕ said...

mekasih..next tutorial!!haha..

izaryda yasin said...

waahh~
bace cs punya tutorial
trus paham...
muchos gracias~

kata kila said...

sis nape kan bla fyka wat.dia jd mcm klu 4 baris ayat,nnt dia akan jadi 4 kotak..1baris utk 1 kotak..

suffer8zine said...

nice la! den x pernah guna pun lagi :P

Terkini : Keputusan akhir undian Anugerah Blog Pilihan Malaysia bagi kategori Blog Personal Lelaki Pilihan

niesz said...

heheh..niesz mmg ngah cri tutorial nie..thanx dear!

mizz sue said...

AWAK TENKIU!!!!!!!!!!!!!! SEBAB AJR NI

~LP Lum~ said...

salam intan~

hehehe... thanx eik... nnti akak nak share eik.. akak kredit kat intan... :)

ezzenurfarhani@blogspot.com said...

yez!! dh berjaya..smlm dh try wat yg plain..hehe tp skh dh ade background yang comel-comel..tq sis intan..

Nanad. said...

oo. senang je rupenye. nape rsenye bce tutorial org lain cm xpaham. huhu. thanx intan :)

The Nurul said...

i sekarang dah berpaling tadah dari pink. hahahah

umie said...

thanks atas n3 ni cik nurul...ni la yang umie cari selama ni..anyway...boleh copy x n3 ni? minta izin yer...

Hey, Im Alyah. said...

Akak! Dah try buat, but takblh lah. Knp eh? Ada error apetahh

cik helena said...

masih pink!yeayyyy

dak eina said...

sis!! eina dh buat dh tuto nie...menjadi...yay!! thnx sis for sharing!! :)

nanie said...

wah,tuto yg bgs :)

dandelion kiss said...

adik, dah berjaya buat
tutorial ni. dari dulu cuba tekan blockquote tu, tak tahu pula kena letak coding tu dulu...err, banyaknyalah yang cik kak ni tak tahu, kan.

p/s: nak tengok hasilnya? di sini...

http://inibelogprivate.blogspot.com/2010/11/terima-kasih-untuk-tutorialnya.html

Nurin Zakira said...

tengs k.intan (: nurin mang da lme nk bnde ni . TQ s'sngat :)

ceritasaya said...

thank ...for the tutorial :)

░♥si lampu neon♥░ said...

NICEEE

intanurulfateha said...

@::cikjuju::◕‿◕

hahaha lek lu :P

intanurulfateha said...

@izaryda yasin

hihi welkem :)

intanurulfateha said...

@kata kila

eh, ni kila ke fyka neh =.=
kene klik blockquote dlu kot if nk buat byk prenggan

intanurulfateha said...

@suffer8zine

try lahh ^^

intanurulfateha said...

@niesz

welkem niesz :)

intanurulfateha said...

@mizz sue

welkem ^^

intanurulfateha said...

@~LP Lum~

welkem kak lynda :')

intanurulfateha said...

@ezzenurfarhani@blogspot.com

welkem ezze :)

intanurulfateha said...

@Nanad.

welkem nanad :)

intanurulfateha said...

@The Nurul

uit
u suke kaler pe skng? :P

intanurulfateha said...

@umie

bole
sile~

intanurulfateha said...

@Hey, Im Alyah.

eh, org laen buat oke je
try tgk betul2

intanurulfateha said...

@cik helena

mesti lah sis
masih cinta - kotak :P

intanurulfateha said...

@dak eina

welkem eina ^^

intanurulfateha said...

@dandelion kiss

tnkius sista for d entry :')

intanurulfateha said...

@Nurin Zakira

welkem nurin :')

intanurulfateha said...

@ceritasaya

welkemm :)

intanurulfateha said...

@░♥si lampu neon♥░

tq~~

mier@merr said...

dah wat entri..heeee

sharamli said...

yeah!

nanti nak try...hak3

Khalisa Najihaa said...

Thanks great info , dah lame TERcari cari . hehe .

~NaJwA~ said...

sis.. npe ble sy wat.. dy kluar sbaris 2 kotak asing2... :(

intanurulfateha said...

@mier@merr

dah tgk dah pun :P

intanurulfateha said...

@sharamli

ape url belog weh!

intanurulfateha said...

@Khalisa Najihaa

hihi try lah ^^

intanurulfateha said...

@~NaJwA~

erkkk try n error dlu
buat 1perenggan then bru tekan enter
i buat ok jer ^^

Puteri Iqa Izyan said...

sis..tak jadi.. huhu.. nape die keluar balik coding tuh?

cube sis try tgk blog sy, then kat ats header tuh die keluar coding nih..

intanurulfateha said...

@ceritasaya

welkem :)

intanurulfateha said...

@Puteri Iqa Izyan

mesti ade step salah ni..
try tgk btul3
ade yg buat jd

uMMUhabibahMohdH!Lm! said...

find coding nih, pastuh nk paste code yang panjang2 tuh ktne before "" ke after?

Puteri Iqa Izyan said...

hehehe...adei.silap letak..patot le..
slh bace step. sori sis ;P

intanurulfateha said...

@uMMUhabibahMohdH!Lm!

tgk step btul3
i dah mention dah

intanurulfateha said...

@Puteri Iqa Izyan

cis!

uMMUhabibahMohdH!Lm! said...

oh..k..thnx..

Marsila said...

makaseh utk tutorial nie...heheh :D

cikpia said...

lorh, senang jer..... tak nah tau pun..... he he.....

Nurulezzah said...

waah !!dah jadik..thanks intan for this tutorial :)..boleh la bukak kelas nanti ea ;)

waney zainol said...

dear, thx 4 the tutorial :)

can i copy ur word

Pen merah pen biru
You marah, I love you.

it's so cutee hehe

Beliebers said...

Akak, dah buat betolbetol dah.. tapi kenape tak jadii??

AM SYA said...

thanx 4 da tutorial!!

i p0n tepikir2 cane la u wat kotak tuh~comel mcm u!! ;)

Syidora :) said...

Ya Allah.. Akhirnya sis buat jugak tuto nihh :) Dh lama mengidam menda alah ni. hihi. thnks sis!! ^^

miss_Dark_heLious said...

wow.. thank u for the tutorial ^^

nurulfaridah said...

Nk tryy!
thanks ;)

Yayaa said...

nak curik boleh tak kakak comel??

Yayaa said...

yeay !! jadik !! tq sis !!

lula said...

ok..nape i x leyh buat..?? ='(

intanurulfateha said...

@uMMUhabibahMohdH!Lm!

WELKEM =)

intanurulfateha said...

@Marsila

same3 :)

intanurulfateha said...

@cikpia

u mmg
asek buli kila jer :P

intanurulfateha said...

@Nurulezzah

hihi same2 :)

intanurulfateha said...

@waney zainol

welkem :)

intanurulfateha said...

@Beliebers

cube cek balik
org laen buat jadik jerr

intanurulfateha said...

@AM SYA

hihi try ah :)

intanurulfateha said...

@Syidora :)

welkem sygs

intanurulfateha said...

@miss_Dark_heLious

welkem :)

intanurulfateha said...

@nurulfaridah

welkem :)

intanurulfateha said...

@Yayaa

sile lahh :P

intanurulfateha said...

@Yayaa

fuyoo
yaya hebat! :P

intanurulfateha said...

@lula

tgk step die bebetul...

nik rosmawati said...

thanks dik :)
akak dah lama nak tahu mcm mana nak buat kotak comel mcm ni.senang jea rupanya.

akak dah vote kamoo tuk blog tutorial best.coz mmg blog ni best.lg2 bila ajar tutorial.senang nak faham.

intanurulfateha said...

@nik rosmawati

tenks kak :')

- zuriey - said...

dah try tapi tak jadi..napa eh

✿ CikCimi said...

comel KAKAK !
eh silap comel box tuh.
:P

♥NiniHartini♥ said...

thx intan...berterima kasih sgt2...

intanurulfateha said...

@- zuriey -

try buat btul3 :)

intanurulfateha said...

@✿ CikCimi

haipp
babap kang! :P

intanurulfateha said...

@♥NiniHartini♥

no biggies nini :)

syasya❤ said...

thx 4 the tut0.. ;)

intanurulfateha said...

@syasya❤

welkem :')

mizmiEe said...

wahh.. cam best aje.. i nk try la sist.. thanks sist :)

nurulfatin said...

asal tak jadik?

intanurulfateha said...

@mizmiEe

welkem :')

intanurulfateha said...

@nurulfatin

mesti ade step yg sala

Wana De'Amor said...

yaaa..saya mawu iniii!!!!

nyna amani said...

thanx kak intan..berapa hari try buat..rupanya sy x tunggu habis dulu..x saba sgt..hehe..thanx2..:)

lula said...

intah..dh jadi..tp bile i buat..nape ader kotak2..???huhuh..dye x tekan "enter" ker..?sbb bile i tekan enter akn ajadi kotak laen..~

intan said...

sis knpa xleh erk??
bila nak sve jep dia tlis
"We were unable to save your template

Please correct the error below, and submit your template again.
More than one widget was found with id: Navbar1. Widget IDs should be unique:"

intanurulfateha said...

@Wana De'Amor

sile sile

intanurulfateha said...

@nyna amani

welkem :)

intanurulfateha said...

@lula

sbb die da terpisah
try enter dulu siap2, bru klik blockquote

intanurulfateha said...

@intan

hmm should be bole
sbb org laen bule
haish, pelik =.=

intan said...

saya dah boleh save dah but bila sya tlis entri dia juz kuar box ja tpi xda background..
cmna erk??

intanurulfateha said...

@intan

sbb u x ltk link bckgrnd kot

UMI AMIRAH BT HARITH said...

thank you so much..Dah jadi dah..Wah heppy giler.....selalu saya buat tak jadi tapi buat tuto akak ni jadi la!merci merci!

Deaana Nasuha said...

kak , asal ta jad pom ?
aduyai ,, sudaa peneng palee sayee~

intanurulfateha said...

@UMI AMIRAH BT HARITH

:-)

intanurulfateha said...

@Deaana Nasuha

BUAT SLOW2~~

Nadzirah said...

salam sis...
tutorial ni jadi. tapi kalau tulis 3 baris ayat, kotak pun akan jadi 3 kotak jugak. huhu. kenapa ea.?

tNie said...

nakkkk gak?? boleeee??
hehehe..halal la..halal la..:P

~Shuh0ney.lurve.Fuadinho® said...

hihi..intann!! aku da try..lmbatnya aku kan...huhu...*kredit*

anis said...

nice :) thnks ;D

eyra kamarunzaman said...

ta buleh laa kak nurul.
pening.pening. pening.

Siti Safiyyah said...

saya ade buat tutorial ni dan backlink ke entry ni..takpe kan? :)

lyha said...

nice tuto (: .tp kan klw classic template mcm mne ? HEE

Lisa said...

thanx sis

Nazihah said...

tengs kak,dah jadi,syg kak :)

eqhaZIN said...

after all d workout, it works!
tenkiu cs!
http://blogsikacamata.blogspot.com/2010/12/u-r-one-in-million.html

farahroslan said...

thx untuk tutorial ni :)
fara try buat and jadi :)
suke2..huhu
thx sangat2 taw :)

zEri sAfEerA said...

thanx intan. suka ah tutorial awk aja. senang nk faham :)

tyra misu said...

intan..sye dh wat but xmenjadi..lepas 2 blog sye ade masalah ...
atas banner sye ade link blokquote 2..plez help me

ayaa alyy said...

suka tutorial nieee.thanksssssss :)

::ienafazlyna:: said...

dah buat jugak..tq :)

nurhidayah98 said...

hurm.....sye punye tak jadilah lah gambarnye....code wane je jadi...:(
www.dayah98.blogspot.com

apezs shah said...

salam

Thanks kepada tuan tanah.. saya dah follow sini. mai laa dtg yea..

tutorial ni berguna sagt..thanks.

Faizah Malek said...

terima kasih! dah lama cari tutorial ni,blog ni juga yang boleh faham :D thanks again ;)

Edura Hanum said...

thnx intan.
finally berjaya juga buat..thnx banyak2 =)

aLya said...

dtang pinjam tutorial nie :)

...Minah BluR... said...

thanx intan!!!!
dah jd..huhu...
great tutorial!!
singgah la blog =)

Haziemah said...

kenapa sy pnya tak boleh?

nara said...

tak jadiiii..waaaaaaaaa...T_T

blog pun dan tunggang langgang sobbb sobb :'(

ADfeez said...

knp sy buat x jadi yuer???? mcm x jadi apa2 pun?

shah-kayrul said...

SALAM PERKENALAN INTAN


DATAng nak belajar tutorial

Husna Musfirah =) said...

Salam.. urmm x jadi p0n :(
mcm mn yer?
}
]]>
.post blockquote { background-image:url(http://www.mycutegraphics.com/layout/bpw/bpw15.gif); -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; padding: 6px; Border: 3px solid #F5D0A9; margin:1em 20px; }

<:B ..bla3

saye wat mcm ni x pi xjadi p0n... tlong check kan tq!

Nour Eyza said...

tak menjadi la sis =(

cik muny said...

x jadi :(

mynameismy said...

tak jadi pun.. leh tak bagi cth camne masukkan url dkt code penuh tuh?

syaza kelyza said...

sis ;) jadi :)) thankss :D

Nadia said...
This comment has been removed by the author.
Wanaa Nana said...

kenapa blog saya tak boleh? apa maksud navbar1? dia tetibe keluar mcm tu lepas saya buat tuto ni... TT_TT
blog saya rosak... D';

mySara said...

sis intan :
thanks yea..mysara baru try. and hasilnye shantek :) hehe, suka gile.

Nurul Ain said...

x menjadi lar.... :(

..::Syauqah Wardah::.. said...

nape sy wat xjd?huhuhu

farah hanim said...

knpe buat xjd pon :(

Nisa Si Gadis said...

alhmdllh mnjadi jugak akhir yea . tengs ^_^

Nurul Aziemah said...

Salam..thanks..dah lama cari tutorial ni :)

Fi_Qa said...

saya buat tak menjadilah.boleh tlg buatkan tak???url sume tu, saya dah cari...
=)

~cik lenny~ said...

thanks intan :)
1stly sy wat xjadi..then 2ndly,jadi plak...
yg (URL IMAGE) tu,korang kena right klik kat image yg korang nak(copy image URL),bukan amik yg HTML code..klo amik dr HTML code tu mmg xjadi :)

Leya said...

akhirnya jadi gk , thnks :D

Nieyza said...

yeah...jadi....tq dear 4 the tutorial....niza applly aw..:)

hasznee hasan said...

xjadi~~~ :'(

hasznee hasan said...

xjadi~~~ :'(

Aliz PumpkinMelon said...

Thanks akak :'D

QaSeh IrDia said...

xjd la...kat ne nk tick Expand Widget Templates tue???

nurul asyiqin said...

kak,nak tanye,,mcam mana nak tag nama org kat dalam comment macam kakak??

kp0p_luver said...

AKAK!!!! xjadilha :'(

aisyah ecah said...

sis,npe xjadi ek???konfius r nk wt cne.... =(

aisyah ecah said...

sis,npe xjadi ek???konfius r nk wt cne.... =(

sarahaeyo said...

sis...npe sye xleh buat nie..

appy afifa said...

yess!jadik jugak akhirny..hee..thnks sist =)

Ziera Ieyah said...

nk copy yg code tu pas da buang kod yg ]]> ke?? atau letak camne ek??intaaaan....tak jadik pun. huhu

faijan muktar said...

napa kluar kat atas?? ayat nih hah
.post blockquote { background-image:url(http://content.mycutegraphics.com/backgrounds/purple/prplebg1.gif); -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; padding: 6px; Border: 3px solid #81F7F3; margin:1em 20px; }
??

noorshukirrah said...

banyak-banyak tuto...tuto ni yg paling senang nk paham...tq :)

A said...

terima kasih byk2 share tutorial ni ; )

shin hye ah said...

Jiji, hmm, akak nak tanya sikit! kalau nak guna blockquote dalam page blogskin macamana ekk?

Maisarah Azmi said...

jadik.. thanks a lot

Aida 윤 said...

Kak, mana nak dapat jenis background cam akak eh?

intanurulfateha said...

@Aida 윤

awak gugel je. tulis nak vintage background pink atau pape berkenaan background yg awak nak.

http://mycutegraphics.com
kt sini pun ade gak background cntik ;)

Nurul Anisah said...

Jadi.tapi kalau saya nak tambah shadow boleh tak?Ape-ape pun terima kasih sbb ajar :)

amie... said...

macam mna nk buat bentuk mcm awk punya tu ye?... nak bentuk cm tu xnak kotak...

agatha said...

Admin pls try Chatwing for shoutbox,
Chatwing has FB and more log-in options better for us to chat.

I search for a professional chatwidget,
I find Chatwing verry professional w/ FB, Gmail, Yahoo, and Twitter log-in option.
pls use Chatwing for chatbox here. http://www.chatwing.com

avy eliana said...

@kata avy sbb akk tersalah wat lha tue.. cer try balek.. adek pun penah silap :)

NooFar said...

JADI !!!!! thank you akak ! ni yang saya cari selama ini.. selalu jumpa yang edit2 html jer..
i love u! tq again

 

About Me

My Photo
intanurulfateha
Muar, Johor, Malaysia
Eh, dah ada dua orang baby girl! ;) | Berdaftar dengan SSM, Double I Excellent Enterprise : JR0046896-W | For any inquiries, whatsapp 012-7186471
View my complete profile

#our journey

Friends since 2008
Getting Close since Nov 2010

Daisypath Anniversary tickers

Love is not a matter of counting the years, it is about making the years!

Daisypath Anniversary tickers

Alhamdulillah.. :')

Daisypath Anniversary tickers

Jantung, Hati, Limpa, Paru

Wanita di jadikan atas nama cinta.
Kalau cari, mesti jumpa.

Dan kamu,
Mohammad Noor Irfan;
Terima kasih kerana mencari saya semula!

Hep ! ! !
Curik hati kite ekk!

Tapi tak per..
Kite suke~

(^__^)

#irfanintanJR

#irfanintanJR
Aleesya Eryna

Kesayangan 31-3-13

Kesayangan 31-3-13