Ads

Make Scroll In Comments Box Part 2

Yesterday I made a tutorial on Creating Scroll In Box Comments Section 1 and for the second part please read the following tutorials:
On the way Create Scroll Box In Comment Part 1 , how made by using CSS code by adding a few commands on the code comments-block but if you use blogger profile avatar in the comments box as in My blog is here, the avatar will not appear or disappear, so would be an eyesore as well.
Create Scroll Box Comment In Part 1 it works if you use the avatar MyBloglog like on my blog comment box. If you use Blogger Avatars should use this second mode, only just a bit complex and need care because they have to add a bit of code on a template because only in this way avatar profile bloggers on your blog comment box may appear. Ways must be done to make this scroll are as follows:



1. Log in to Blogger.
2. After being on the Dashboard page, click Design and then click Edit HTML.
3. As usual do not forget to download the full template used as a back-up if there is an error in editing, you can return to their original form before the edit.
4. Check the small box beside writing Expand Widget Templates and look for code like this:



<dl id='comments-block'>



For my friend who uses an avatar profile bloggers, looking for code like this:


<dl expr:class='data:post.avatarIndentClass' id='comments-block'>



If you have found, add the following code in the code are:


<div style='overflow:auto; border:1px solid #ccc; height: 250 px;'>



Adjust the height with the wishes. Then look again like the code below:


</b:loop>

</dl>



If you have found, place the following code just below the code:


</div>



Save the changes that have been done and good luck buddy!.