Tutorial : Comment Box

Assalamualaikum and annyeonghaseyo. Sekarang ni comment box untuk template simple pula. Maaf jika tutor ni tak menjadi. Cuba dulu okay?

{ e x a m p l e }

1. Dashboard > Template 
2. Edit HTML > Tick Expand Widget Templates
3. Press Ctrl + f dan cari code ]]></b:skin>
4. Kemudian, copy code di bawah ni
#comments-block {
margin-left:1.5em;
line-height:1.6em;
background: transparent;
color: black;
padding: 1em;
border:0px solid #ffffff;
}

#comments-block .comment-author {margin:.5em 0;}
#comments-block .comment-body {margin:.25em 0 0; background: #ffffff;}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
letter-spacing:.1em;
}

#comments-block .comment-body p {
margin:0 0 .60em;
padding: 5px 5px 5px 5px;
background: url(URLBG);
-moz-border-radius: 20px 20px / 20px 20px;
border-radius: 5px 5px / 5px 5px;
border: 2px solid #E6ECF6;
}

.deleted-comment {
font-style:underlined;
color:transparent;
}
5. Then, paste di atas code ]]></b:skin> tadi
6. Preview & save

Purple : URL background
Hijau : tebal border
Biru :  solid / dotted / dashed
Pink : warna border

15 comment [s]:

Nina Shukri said...

thanks akak sbp buat tuto ni.. btw tuto ni menjadi :)

Unknown said...

code unnie salah sikit je , dia kena paste before code ni /* Comments
----------------------------------------------- */ hehe btw thanks imma use it ,

atiqahjaidin said...

@Nina Shukri You're welcome :)
@farhan irfan Ouh, thanks. tak perasan ada mistakes. hehe

Aimi Wardina ♥ said...

Nanti nak buat :D

jessikai ♡ said...

akak, yang untuk blogskin ada tak?

Unknown said...

thnks unnie!! menjadi!!!

atiqahjaidin said...

@FIRΔ NΔMU Ada. sini http://nurulatiqahjaidin.blogspot.com/2013/08/tutorial-comment-box-blogskin.html

Park Ah Ra said...

gomawo , menjadi la unnie ^^

Unknown said...

hye..nk kne paste code ni dkt mne ? sorry

atiqahjaidin said...

Dekat atas code ]]> < / b:skin >

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

]]> tu xde la akak..

Anonymous said...

@Suzy MissA code tuu xD

Beeha Azman said...

assalam kak, why saya buat tak jadi ehh? :(