ChaColatte's❤

안녕 하세요, 친구야~! 애차 박 임니다 ^^

F o l l o w e r g a d g e t ;

Comment Box For Classic Template

Saturday, 15 June 2013 | 2 bubble(s)

안녕 하세요~!

Berhubung ada yang request tutonya, jadi aku kasih deh ^^
Sepenuhnya, aku tau tutor ini dari blog Shabrina, tapi aku ketik lagi disini dengan bahasaku sendiri. Mwehehehe :3

Shabrina, ijin re-share di blog aku ya ^^

coba lihat dibawah ini

Gimana...? Pengen kaya gitu comment boxnya..?
Kalo mau ikuti tutor dibawah ini ;)

1. Buka akun blogger kamu --> Masuk ke Setting --> Klik Post and Comment --> Tick Embedded --> Save settings

2. Masuk ke Template --> tekan CTRL+F --> search code </style>

3. Copy code dibawah ini, lalu pastekan diatas kode </style> (untuk copy code dibawah ini, kamu blok semua code, lalu tekan CTRL+C)

.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 FAVICON") no-repeat 2px .3em;
margin-top:5px !important;background-size:10px;
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 #FCEBED;
margin:0em;
padding:5px;
color:#808080;
}

merah: url favicon sebelah nama untuk yang comment postingan kamu. Ganti dengan url gambar yang kamu suka ;)

4. Tekan CTRL+F lagi --> search code </Blogger>
5. Copy code dibawah ini, lalu pastekan diatas code </Blogger>

<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="NAMA UNTUK COMMENT"></a>
<dl id="comments-block">
<div style="width:470px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:url(URL BACKGROUND BODY); 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>
</div>
</ItemPage>

biru: gantikan url background yang kamu suka untuk body comment
ungu: gantikan nama untuk 'comment' sesukamu ^^ (ex: dreams, loves, hearts, etc)

6. Klik Preview --> Save

[notes: kalau </Blogger> ada 2, pastekan dua-duanya ya ^^]

Kalau mau pakai, atau re-share ulang diblog kamu, comment dulu ya.. Hargai yang udah bikin tutor (meski bukan aku), dan nge-reshare ulang buat kalian :)
Dan kalau masih bingung, atau ada pertanyaan, comment aja, pasti akujawab ;)

Gomawo~!

credit: Mitsuo Hanna

Labels: Kawaii, Make Up Blog's, Share Info

Shabrinalr said...: Re-share aja gpp kok :D
Vesya Talitha said...: haha sipp... thanks ya ^^ caranya kaya kamu, cuma aku pake bahasa aku sendiri. Mwehehehe :D

Post a Comment