Tuesday, December 28, 2010

Cara membuat scrollbar pada komentar saja

Membuat scrollbar pada komentar? Kalo menurutku, hal ini cukup penting. Karena membuat halaman web menjadi simple. Jadi akan lebih nyaman untuk dikunjungi.
Caranya,
  1. Login ke akun blogger kalian
  2. Design
  3. Edit HTML
  4. Centang expand widget template
  5. Lihat html berikut
 <div style='overflow:auto; width:ancho; height:300px;'>
        <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
          <b:loop values='data:post.comments' var='comment'>
            <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
              <b:if cond='data:comment.favicon'>
                <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
              </b:if>
              <a expr:name='data:comment.anchorName'/>
              <b:if cond='data:blog.enabledCommentProfileImages'>
                <data:comment.authorAvatarImage/>
              </b:if>
              <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>
            <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
              <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='data:comment.url' title='comment permalink'>
                  <data:comment.timestamp/>
                </a>
                <b:include data='comment' name='commentDeleteIcon'/>
              </span>
            </dd>
          </b:loop>
        </dl>
      </div>
</div>
      <b:if cond='data:post.commentPagingRequired'>
  • Cari kode warna merah yang sama seperti itu. Jangan sampai keliru. Karena ada yang sama dari 2 html tsb... Cocokkan dengan yang ada di sini.
  • Lalu tempatkan tulisan warna biru seperti yang telah terpampang...
  • Ingat!!! Jangan copy paste seluruhnya jika template sudah diedit. Dan tiap template biasanya beda2...
  • Save template.
  • Andai scrollbar belum keluar, itu karena lebih tinggi scrollbarnya dibanding komentarnya...


    » Jangan lupa dilike kalau bermanfaat.

    0 Komentar:

    Post a Comment