Tutorial :Comment Box Styling #1

 
Oyasumi minna 
habis freebies bagi tuto nih
Comment Box ini hanya bisa dipakai untuk Classic/Blogskins :) Thanks to Kak Salsa
  • Dashboard > Template > Search kode </style>
  • Paste kode ini diatas/sebelum kode </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 Mini Icon") 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;
}
  • Lalu, search code </blogger>
  • Pastekan code dibawah diatas/sebelum code </blogger>
<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:470px; padding:5px;margin-top:20px;border:4px solid #000000;6px;background:url(Url Background); box-shadow:0 0 3px #ddd;">
<$CommentPagergt;
<blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorNamegt;"><a name="<$BlogCommentAnchorNamegt;"></a>
<$I18NCommentAuthorSaidgt;</dt>
<dd class="comment-body">
<p>
<$BlogCommentBodygt;</p>
<$BlogCommentDeleteIcongt;
</dd>
</BlogItemComments>
<$CommentPagergt;
</dl>
</div>
<p class="comment-timestamp">
<$BlogItemCreategt;
</p>
</div>
</ItemPage>
Ingat! Jika ada lebih dari satu code </blogger> pastekan juga di setiap codenya.
 
Thxx to Azzahra

No comments:

Post a Comment

Moshi - Moshi

Leave comment here
Request ? tell in cbox
Dont bad words

Obey the rules ? Free comment :)

1
2
3
4
5
 
Related Posts Plugin for WordPress, Blogger...