How to reduce Size of Blog Archive By make it Scrolling?
Want To Make Your Long Archive List Short Without Removing Any Content??
Want To make Your Archive Look Attractive?
Want To Make Your Archive SEO Friendly..!!
iGAWAR Presents How to make Blog Archive Scrolling, A tutorial Which Helps you In Optimizing Your archive list by making It scroll And thus Reducing Its Size..!Itz very Important to have Archive List On Your blog As itz the Easiest Ways For Your Visitor To Browse Your blog..!
But Having A Long Archive list Makes your blog Look Dull and un Attractive.So here We Come Up with this trick!!:)
You Can See The Live Demo, Here AT iGAWAR .So lets Start With Code
- Go to Blogger Dashboard --> Template --> Edit HTML
- Backup your Template before making any changes to your blog.Click here to know how to backup blog.
- Now Check Expand Widget Template.
- Press Ctrl + F and search the code shown below.
<div id='ArchiveList'>
This Code Will BE like
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
Replace this Entire Code By
<div style='overflow:auto; width:ancho;height:300px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
</div>
- Preview Your Template And Save it..!!
If you facing any problem with this Trick then feel free to ask in comment box below..!!
Happy Blogging..!!
Keep visiting @iGAWAR
No comments:
Post a Comment