How to create a scroll in the list of comments on the blog







Comments from the list length of blog visitors who make the page look more long downward. It also causes blogs less appealing to the eye. Well, in this post, I share for you a way to make scrol on the list of comments on your blog. 
Well, just follow the steps as follows .. 
1. Login to blogger 
2. Go to Draft 
3. Edit HTML (check the box Expand Widget Templates) 
4. Search for the exact same code with the code below; 


<Dl expr: class = 'data: post.avatarIndentClass' id = 'comments-block'>
5. Add the following code, right exactly on it
<Div style = "overflow: auto; width: ancho; height: 650 px; '>
6. Then scroll down again and add the code </ div>
7. So the code becomes like this
<div style = "overflow: auto; width: ancho; height: 650px; ">
<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' rel='nofollow' title='comment permalink'>
<Data: comment.timestamp / & gt;
</a>
<B: include data = 'comment' name = 'commentDeleteIcon' />
</ Span>
</ Dd>
</ B: loop>
</ Dl>
</ div>
8. To code is colored blue is the height of the table scroll comment. Please be changed according to the needs of your blog.

9. When you are sure the placement of the script above is correct, please SAVE and see the results ..

Please for those who want to ask for more details, or want to add and have no other alternatives please added. Thank you and good luck. :)

Previous
Next Post »