Tips Membuat Roll Pada Komentar

Roll pada komentar ini adalah membuat suatu fasilitas sliding para komentator yang lebih singkat, mudah dibaca dan tidak memusingkan untuk pencariannya. Untuk lebih menghemat ruang space komentar blogger kita yang biasanya sangat panjang apabila banyak si-pengomentar artikel kita, tapi untuk blogger saya sih...... cupet HeHeHe, tapi its ok semuanya adalah hak-hak para pembaca dan sohib semuanya. Tips ini saya inceng kebetulan dari om dunia-blogger. Dan untuk contohnya ada dibawah artikel ini jikalau ada komentator, mungkin saya berharap pula sohib-sohib dan pengunjung blogger jadul ini sudi mengomentari artikel amburadul saya ya.

Langkah yang harus ditempuh :

1. Login blogger

2. Layout - Edit HTML - (centang) Expand Widget Templates

3. Tapi sebelum mulai, langkah baiknya di-backup dahulu --> "Download Full Template"

4. Kemudian cari kode ini --> <dl id='comments-block'> dan setelah ketemu copy/paste --> <div style='border: 1px solid rgb(212, 208, 200); width:100%; height:400px; overflow:auto;'> dibawahnya.

5. Lalu sematkan kode --> </div> tepat diatasnya </dl>

6. Secara global kurang lebih milik saya seperti dibawah ini :

<dl id='comments-block'>




<div style='border: 1px solid rgb(212, 208, 200); width:100%; height:400px;
overflow:auto;'>




<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='&quot;comment-&quot; + data:comment.id'>

<a expr:name='&quot;comment-&quot; + data:comment.id'/>

<b:if cond='data:comment.authorUrl'>

<a expr:href='data:comment.authorUrl' rel='external'><data:comment.author/></a>

<b:else/>

<data:comment.author/>

</b:if>

<data:commentPostedByMsg/>


<span class='numberingcomments'>

<a expr:href='&quot;#comment-&quot; + data:comment.id' title='Comment Link'>

<script type='text/javascript'>

CommentsCounter=CommentsCounter+1;

document.write(CommentsCounter)

</script>

</a>

</span>



</dt>


<dd class='comment-body'>

<b:if cond='data:comment.isDeleted'>

<span class='deleted-comment'><data:comment.body/></span>

<b:else/>

<p><data:comment.body/></p>

</b:if>

</dd>


<dd class='comment-footer'>

<span class='comment-timestamp'>

<a expr:href='&quot;#comment-&quot; + data:comment.id' title='comment
permalink'>

<data:comment.timestamp/>

</a>

<b:include data='comment' name='commentDeleteIcon'/>

</span>

</dd>


</div>


</b:loop>



</div>



</dl>