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
Posted by at 3:19 PM

15 comment [s]:

Nina Shukri said...

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

August 17, 2013 at 3:44 PM [REPLY]
Unknown said...

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

August 17, 2013 at 4:40 PM [REPLY]
atiqahjaidin said...

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

August 17, 2013 at 5:38 PM [REPLY]
Aimi Wardina ♥ said...

Nanti nak buat :D

August 18, 2013 at 12:47 PM [REPLY]
jessikai ♡ said...

akak, yang untuk blogskin ada tak?

August 18, 2013 at 12:58 PM [REPLY]
Unknown said...

thnks unnie!! menjadi!!!

August 22, 2013 at 10:46 PM [REPLY]
atiqahjaidin said...

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

August 24, 2013 at 10:58 PM [REPLY]
Park Ah Ra said...

gomawo , menjadi la unnie ^^

September 11, 2013 at 3:30 PM [REPLY]
Unknown said...

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

November 10, 2013 at 10:05 PM [REPLY]
atiqahjaidin said...

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

November 11, 2013 at 9:41 AM [REPLY]
Anonymous said...
This comment has been removed by the author.
August 24, 2015 at 5:25 PM [REPLY]
Anonymous said...
This comment has been removed by the author.
August 24, 2015 at 5:26 PM [REPLY]
Anonymous said...

]]> tu xde la akak..

August 24, 2015 at 5:27 PM [REPLY]
Anonymous said...

@Suzy MissA code tuu xD

August 24, 2015 at 5:28 PM [REPLY]
Beeha Azman said...

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

October 27, 2015 at 9:39 PM [REPLY]

Post a Comment