Huxsna


"...Follow me on Instagram @huxsna..."


Saturday, 28 February 2015 - 4 Complain

Assalamualaikummm ^^ Haa.. harini husna nak ajar sikit cantikkan kotak komen yang kedua.. dulu? 1 .. sekarangg? 2 okelah jom mulakan...

Secara Priview


1) buka blog > template
2) Settings >  post and comments
3) Pilih Embended
Like This :

2) ctrl+f cari code :

</style>
alright! copy code bawah ni, pastekan kat ATAS code style ^^

 .comment-timestamp {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#666;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#comments {
margin:5;
border-width:0 1px 1px;
padding:20px 0 15px 0;
}
.comment-icon blogger-comment-icon{display:none}
#comments-block {
margin:2px ;
}
.comment-data {
background:url("URL ICON") no-repeat 2px .1em;
margin-top:5px !important;background-size:15px;
padding:0 0 0 20px;
color:#666;
}
span.comment-icon{display:none}
.comment-poster {
font-weight:bold;
}
.comment-body {
margin:0px;
}
.comment-body p {
background:#FFFFFF;
border:3px solid #EBF9FC;
margin:0em;
padding:5px;
color:#6B7373;
}

Biru : Url icon 

Next step pulakk ;)

Cari code :

<$BlogItemBody$>
Jumpaa??
Ada 2 right? padam dua2 code tu and REPLACE kan dengan kode ni :

 <$BlogItemBody$><$BlogItemControl$><div id="comments"style='overflow:auto; width:590;height:200px;'>
 <blogitemcommentsenabled><a name="comments"></a><blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block"><div style="width:560px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:url(URL BACKGROUND); box-shadow:0  0 3px #ddd;">
      <$CommentPager$>
      <blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
 <$I18NCommentAuthorSaid$>
      </dt>
<dd class="comment-body">
        <p>
<$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
      </dd>
   </BlogItemComments>
    <$CommentPager$>
    </dl>
</div>
<p class="comment-timestamp">
<$BlogItemCreate$>
    </p>
</ItemPage></Blogger>
<br>
Merah : Url background

Ok lah, selamat mencuba!

Credit to : Akak Esha

Blogger Ciks Kuraina said...

Erm... url icon tu nak cari kat mana ya?

 
Blogger Faridah Mohamed said...

Ciks Kuraina, cari di freebies saya.. maaf lambat reply Hiatus

 
Blogger Faridah Mohamed said...

Ini email mak saya, jangan terkejut hhheh

 
Blogger Little Craft said...

thx buat tuto ni husna!!! (littlecraft tu ana tau.. =izzati= )

-izzati..

 

Post a Comment

Ada masalah? Ada benda yang hendak dipuji? Suka dengan blog nie? Complain lah apa lagi!


Hello From The Otherside!

click this button ^^

de' little map

cbox

Fairytales Time Machine

credit