Cara Membuat Scroll Pada Komentar Blog



Caranya adalah sebagai berikut :

1. Login ke Akun Blogger anda masing-masing.
2. Klik Design or Rancangan, kemudian pilih Edit HTML
3. Centang (Expand Widget Template)
4. Untuk keamanan lebih baik kita (Download Template Lengkap)
5. Gunakan (Ctrl+F) or (Alt+E+F) untuk memudahkan pencarian
6. Cari kode seperti dibawah ini

      <dl id='comments-block'>
      <b:loop values='data:post.comments' var='comment'>
      <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='nofollow'><data:comment.author/></a>
      <b:else/>
      <data:comment.author/>

      </b:if>
      <data:commentPostedByMsg/>
      </dt>
      <b:if cond='data:comment.author == data:post.author'>
      <dd class='comment-body-author'>
      <p><data:comment.body/></p>
      </dd>
      <b:else/>
      <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>
      </b:if>
      <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>

      </b:loop>
      </dl>

7. Tambahkan beberapa kode menjadi seperti ini

      <div style='overflow:auto; width:ancho; height:350px;'>
      <dl id='comments-block'>
      <b:loop values='data:post.comments' var='comment'>
      <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='nofollow'><data:comment.author/></a>
      <b:else/>
      <data:comment.author/>

      </b:if>
      <data:commentPostedByMsg/>
      </dt>
      <b:if cond='data:comment.author == data:post.author'>
      <dd class='comment-body-author'>
      <p><data:comment.body/></p>
      </dd>
      <b:else/>
      <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>
      </b:if>
      <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>

      </b:loop>
      </dl>
      </div>

8. Save

Tidak ada komentar:

Posting Komentar