0 How to Make a Scroll Function In Archive Blog / Blog Archive Gadget

How to Make a Scroll Function In Archive Blog / Blog Archive Gadget

On the previous occasion, I've shared how to make a reply in the comments on blogspot. Now turn to the next tips, make scroll function on the blog archive.

What is the purpose? The goal is that, we make the blog archive in the form Hirarkie and posting settings per post, definitely will load the post title a lot, if we really did a lot mosting. As a result, our blog will look proportionate. Because the title is that the more down. If this is disturbing, the best way is to install a scroll function on the gadget.

How? Easy, just follow the steps below first:

1. Go to Blogger Dashboard

2. Click Design, click Edit HTML, Do not Forget to Check the Expand Widget

3. If my friend named Blog Archive under the name "Blog Archive It" (for example), then press CTRL + F, then search for the word "Archive Blog This"

4. If you have found the CSS code is as follows:

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog Ini' type='BlogArchive'>

5. Well, just my friend Insert Code

<div style='overflow:auto; width:ancho; height:250px;'>

and:

</div>

6. Thus forms the Scroll Function Code Blog Archive mate to be like this:

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog Ini' type='BlogArchive'>

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content'>

<div style='overflow:auto; width:ancho; height:250px;'>

<div id='ArchiveList'>

<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>

<b:if cond='data:style == &quot;HIERARCHY&quot;'>

<b:include data='data' name='interval'/>

</b:if>

<b:if cond='data:style == &quot;FLAT&quot;'>

<b:include data='data' name='flat'/>

</b:if>

<b:if cond='data:style == &quot;MENU&quot;'>

<b:include data='data' name='menu'/>

</b:if>

</div>

</div></div>

<b:include name='quickedit'/>

Note: Blue is the color code inserted earlier. Figures: height: 250px; '> is the height of the Scroll Blog Archive buddy.

Similarly Tricks to Make Scroll function, hopefully helpful and useful. Thank you.