Harmony Clean Flat Responsive WordPress Blog Theme

Display / Add comment blogskin

26.6.13 Ramadhan Liya 7 Comments Category :


tutorial cara menampilkan kotak komentar di postingan pada classic template/blogskin.


  • Copy code di bawah ini,

.comment-timestamp {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#666;
}
.deleted-comment {
font-style:italic;
color:#eee;
}
#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("http://i1082.photobucket.com/albums/j370/nisa105/applefav_zps5921ce63.gif") no-repeat;
margin-top:3px !important;
font-family: consolas;
font-size:10px;
text-transform:uppercase;
letter-spacing:1px;
padding:0 0 0 20px;
color:#ccc;
}
span.comment-icon{display:none}
.comment-poster {
font-weight:bold;
}
.comment-body {
margin:0px;
}
.comment-body p {
background:url(http://24.media.tumblr.com/tumblr_ltqq73Kh5g1qhvdofo5_250.png);
border:2px dotted #fafafa;
font:10.5px century gothic;
line-height:20px;
margin:0em;
padding:8px;
color:#666;
letter-spacing:0;
text-align:left;
}
  • Paste di atas code </style>
  • Tekan F3, cari code </blogger>
  • Copy code di bawah, dan paste di atas code </blogger> (jika punya code itu lebih dari 1, paste-kan juga code di bawah ini, letakkan di atas code </blogger> yang lainnya )
<itempage>
  <div id="comments" style="margin-top:5px;">
 <blogitemcommentsenabled><a name="cocholiciou (s)"></a>
<dl id="comments-block">
<div style="width:540; padding:5px;margin-left:15px;margin-top:20px;border:0px solid #fff;border-radius:15px;background:#fff;">
      <$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> 
  • Pergi ke menu SETELAN - Pos dan Komentar 
  • Pilih menu Tersemat pada pilihan Lokasi Komentar. (lihat gambar)

  • Preview dulu, kalau-kalau template jadi rusak. 
  • Perubahan tidak kelihatan jika di preview, jadi
  • Save dulu. 
MERAH : bisa di-edit

RELATED POSTS

7 Comment

NO HARSH WORDS
please, don't SPAM here!
I'll reply if I didn't busy -.-