Home
Blog Mistress
Tutorial
Tutorial
Banner Exchange

Tutorial : Cantikkan Comment Box



Assalamualaikum ! Yeay ! Tutorial again ! :) Direqeust oleh Akak Athirah :') Credit Whitey Mommy
Ni Contoh Comment Box tuh. Lawakan ? Haa...Macam Ainaa punye lah . Haha . So, hari ni nak share dengan korang macemmana nak buat Comment Box jadi cantik ! So let's get start it !



1) Dashboard >> Settings >> Comment

2) Tick Embedded Below Post dibahagian Comment Form Displacement ; Ikot gambar bawah. Dah siap ? tekan Save Settings .



3) Dashboard ↪ Design ↪ Edit HTML ↪ Tick Expand Widgets
Cari kod dibawah ( CTRL + F )

]]></b:skin>

4) Copy Code dibawah dan pastekan Code nih diatas atau sebelum ]]></b:skin>

#comments-block{
margin:0;
padding:0;
}

#comments-block .comment-author{
background:#000000 !important;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
padding:5px;
font-size:15px;
font-weight:bold;
border:1px solid #000000;
}

#comments-block .comment-body{
margin: 0;
font-size: 16px;
border-left: 1px solid#000000;
border-right: 1px solid#000000;
margin-top: -5px; /*position*/
padding: 5px;
}

#comments-block .comment-footer{
margin:0;
font-size: 12px;
font-weight: normal;
margin-bottom: 20px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
margin-top: -12px; /*position*/
padding: 5px;
}

#comments-block .deleted-comment{
font-style:italic;
color:gray;
}

#comments-block .comment-author a{
color:#ffffff !important;
}

#comments-block .comment-footer a, .comment-body a{
color:#000000 !important;
}
5) Gantikan Code #000000 tuh dengan colour yang korang suka. Boleh tengok colour kat sini : Rainbow

6) Kemudian, boleh la korang tekan button Save Template kalau tak de masalah . .

Photobucket

76 comments:

Anonymous said...

alamak, malunye ade message ats tuh. shy shy. ahaha, but tqvm. you're awesome blogger girl la ;) baru je mnx tadi dh ade tuto. maseh2 :D

Ainaa Ramzani said...

@atirah rosmi

Hehe, malu ke ? kalau tak mau gambar, tak pe. ainaa bunag. Hoho, welcome & thanks :D

Anonymous said...

e'eh , memain jelah ;) sys x kesah pun :D

Azah Rahaman said...

gudluck ye, buat tutorial bbaik (:

Ainaa Ramzani said...

@atirah rosmi

Hehe, oke sis ;D

Ainaa Ramzani said...

@Azza Firza

TQMV Akak :D

Nurin Nasuha said...

TQ AINAA ! :)

farhanasaleh said...

bijakk sguh kamuu ya dearr..sye mek tutorial yg nie ya dearr

farhanasaleh said...

tq ya dearr

Anonymous said...

knp tibe2 je keluar kat navbar.. tolong lah..

Ainaa Ramzani said...

@Nurynn Yaww

Welcome :)

Ainaa Ramzani said...

@hannaamir

Thanks :D

Ainaa Ramzani said...

@hannaamir

Welcome :)

Ainaa Ramzani said...

@Miss Purple

Mungki template awak tak berape sesuai kot. Ainaa recommend gune Minima :) Atau awak nak Ainaa buatkan ?

appleynn said...

eh macam mne kalau kita hide comment kan , then nak bukak balik ? tolong la lupa la

Ainaa Ramzani said...

@appleynn

Tak faham la. awak tak nak hide comment kan ? Tengok step 2 & pilih samaada Pop Up Window or Full Page

theskysora said...

pandai !!
bagus !!
kecik2 da jadi pandai !!

Ainaa Ramzani said...

@Yaya Suraya~Yaya Dluver

Hhe, Thanks :D

Anonymous said...

boleh !! nnti ainaa tolong buatkn..

Ainaa Ramzani said...

@Miss Purple

add ainaa kat fb : facebook.com/ainaamania & kasi pass n email kay ! ;)

Anonymous said...

okay.. fb sy ni : facebook.com/cynta.isya

Ainaa Ramzani said...

@Miss Purple

Ok ! Nanti saya add :D

Anonymous said...

dh siap tolong ckp kat sy.. :)..

LaNuN c0mEy... said...

ala... asal x jd pun.?

Nur Hamizah said...

ainaa,leh tolong wat kan akak nye x??

norhikmah said...

terima kasih dak kecil yg comel :)

Farah Eyda @ Rara Emiliockii said...

eee cumel sungguh blog ainaa nie..ehe.
aina,kaka wt jadi tp mslhnyer cmne nk adjust kasi selari ea??kaka punye kotak comment cam xbetol jek..aha..ley x wtkn??

Ainaa Ramzani said...

@Miss Purple

dah siap :)

Ainaa Ramzani said...

@LaNuN c0mEy...

tak jadik ? pm ainaa kat fb : facebook.com/ainaamania

Ainaa Ramzani said...

@priencess myza

boleh insyaallah :) pm ainaa kat fb : facebook.com/ainaamania

Ainaa Ramzani said...

@norhikmah

sama2 :D

Ainaa Ramzani said...

@Farah Eyda @ Rara Emiliockii

pm ainaa kat fb : facebook.com/ainaamania

Anonymous said...

thanx again!!(0_0)

Azizah Zainudin said...

telah cuba n berjaya..tq dik..

marshmallow said...

adik, tak boley lah syg. stresssss~
:(

Anonymous said...

aina tak bole pun , camne ni ? haishhh , pening pening :(

Anonymous said...

Blog lawaa. btw, thankss for the tuto. tuto nyaa bagosbagos. Pray for me. sbb esok saya ade ujian. [:

A. said...

Hebatnye awak wahai adik, akak suka semua top5 tuh :D Keep this good effort sayang :)

Red Rose said...

tenkiu ainaa...bt lbh byk tuto ye dik ^__^

Amelia said...

sya gune..hee :D

Eyfa Si Bulat said...

ainaa , saya dah buat dah jadi . just senget je . camne ekk ?

qieqie said...

kak aina , boleh tlong editkan blog saya ?
ini blog saya http://welcomesayangg.blogspot.com/

The A's said...

Dah try and jadi . Thanks okayy (:

Adleen Farhana said...

Little Ainaa. Dah jadi! Thanks so much, dear! ^^

adeela's aziz said...

ainaa kenape bile saya buadd ny dy ta jadi dan ade tulisan kat belog saya . kat atas sekali .aishh , kenape ye ?

maisara majid said...

tq :)

ell♥ said...

hye ainaaa
ell try buat tutorial nie
tpi tak jadi lahhh
cube tgk ell punye page
:(((
ellfullstop.blogspot.com
thaz aina tolong ell :)

NF said...

thanks ainaaa :)

Syafiqah :D said...

x jadi :(

Liesa Azemi said...

Klau nak comment box yg mcm u pnye ni cane? Hehe --'

liYana Dluvers said...

x jd pon ? :'(

fildza faizzaty said...

ta jadi la...hmm :'(

Zac Rega said...

kak .. blog kakak memang cute ! . mcm maner nak letak icon kat tepi name orang yang komen tuh . kalau ader tuto ... bagi athu sye kat shoutmix blog ea .. (blog caye) . http://regaladobumstory.blogspot.com/

Farrah Asyiqin said...

thanx ! suda jadiii . :)

sofieya said...
This comment has been removed by the author.
sofieya said...

akak..kalo xde ]]> bole letak sdiri ke ??

Anonymous said...

aina , buad kan . mya buad tak jadi lahh .

Atirah ★ said...

leyh tlg buadkan?pleaz erh.. :(

Asyikin said...

nice tuto aina thank you :D

Webie said...

thengs.. suke2..

Reeana Zulkefli said...

thnx. . =)

syufaa said...

tenkiu untuk tutor nih!
^_^

Unknown said...

thanks ainaa.. akak guna tutorial ni ye. :)

✖YanoHae E.L.F✖ said...

aww ! thnxx a lotsa yaa ^^

Faisya said...

warghhhhh tak jadi pun... tak pape pape pun yg berubah..kat mana silapnya ek?

Alisya Amir said...

jadi2 :)
thanks !

Ainaa Ramzani said...

@NaaS

Welcomeee ! :)

Ainaa Ramzani said...

@Azizah a.k.a N.a.z

Tocetoce :)

Adawiyah Md Hazali said...

Mekasih Aina. Aina mmg pandai buat tuto. =)

asdfghjkl said...

aina , nape ngan blog saye ? dye jadi mcm lebar !! help me please...:'( (http://miznasreen.blogspot.com)

Aina Pelangi said...

eh macam mana nak dapatkan comment box macam awak nie ?

YatieOwner said...

thanks for tutorial dear :), saya da berjaya buat :P

Anonymous said...

colour rainbow tuh knpe tak boleh bukak ?

Aindewww said...

akk..knpew ni..??x jadi lah..
akk tolonglah...

Atiqa Wahid said...

Aduhhh, kenapa x dapat ni?Bleh tolong wt kn x?
hehehehhe ...

TyraNajua said...

Thanx for your Tutoral..!~~