Klik Rancangan → Edit HTML
Klik tulisan Download Template Lengkap.
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget
Kemudian cari kode <dl id='comments-block'> kemudian tambahkan dibawahnya kode (hanya) yang berwarna biru sesuai dengan letaknya.
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3)
<dl id='comments-block'>
<script type='text/javascript'>var CommentsCounter=0;</script>
<b:loop values='data:post.comments' var='comment'>
<div class='' expr:id='data:comment.id'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'>
<data:comment.author/>
</a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
<span class='nomor_komentar'>
<a expr:href='"#comment-" + data:comment.id' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>
</dt>
<dd class='comment-body'>
.......
</dd>
</div>
</b:loop>
</dl>
<script type='text/javascript'>var CommentsCounter=0;</script>
<b:loop values='data:post.comments' var='comment'>
<div class='' expr:id='data:comment.id'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'>
<data:comment.author/>
</a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
<span class='nomor_komentar'>
<a expr:href='"#comment-" + data:comment.id' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>
</dt>
<dd class='comment-body'>
.......
</dd>
</div>
</b:loop>
</dl>
Selanjutnya, Copy Paste kode CSS berikut di atas kode html ]]></b:skin>
.nomor_komentar {
-moz-border-radius:10px;border: 1px solid #87CEEB;
background: #ffffff;
width: 20px;
text-align: center;
height: 20px;
float: right;display: block;margin-right: 10px;
margin-top: -15px;font-size: 15px;
font-weight:normal;
font-family: Arial, Tahoma, Verdana;}
.nomor_komentar a:link, .numberingcomments a:visited {color: #3363d2 !important; text-decoration: none !important;}
.nomor_komentar a:hover, .numberingcomments a:active {color: #ff6100 !important; text-decoration: none !important;
}
-moz-border-radius:10px;border: 1px solid #87CEEB;
background: #ffffff;
width: 20px;
text-align: center;
height: 20px;
float: right;display: block;margin-right: 10px;
margin-top: -15px;font-size: 15px;
font-weight:normal;
font-family: Arial, Tahoma, Verdana;}
.nomor_komentar a:link, .numberingcomments a:visited {color: #3363d2 !important; text-decoration: none !important;}
.nomor_komentar a:hover, .numberingcomments a:active {color: #ff6100 !important; text-decoration: none !important;
}
jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya
Selamat mencoba
0 komentar:
Posting Komentar