Melalui blog

Cara membuat scrollbar pada komentar saja

Sabtu, 09 November 2013

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...

Diposting oleh Unknown di 11.45

Kirimkan Ini lewat EmailBlogThis!Berbagi ke TwitterBerbagi ke FacebookBagikan ke Pinterest

Label: cara, komentar, membuat, pada, saja, scrollbar