Loading Faster With Widgets Filtering

Hello Dearest Visitors and Beloved Friends, Have you enjoy your blogwalking??
I've felt this experience when I blogwalking to other friends blog, when I visited many blogs that put some widgets on the Mainpage, especially if the widget is an image, loading the blog with some image widgets becomes very slow, especially with slow connections like in my country, similar things happened again when I want to make a comment in that blog post (Subpage), exactly like loading the main page, its also have the same thing with my blog :)

I've tried to find a ways to handle this condition, after wondering and looking for many sources, finally I got that from my friend http://a2i3s-c0ol.blogspot.com (Riezki Maulana blog, thanks guys!), This is a way to filtering out that not all widgets displayed in the Subpage, this trick is to load subpage lighter and faster than loading mainpage, for example please look the different widgets displayed on my blog mainpage and widgets displayed on my blog Subpage, by clicking continue reading (read more) or clicking a post title.

Actually it is not hard if you already know how to handle :D ... this secrets are :


1. As usual before doing the following steps, for blogger user are required to login to blogger, in the blogger dashboard select LAYOUT then EDIT HTML, required to check EXPAND WIDGET TEMPLATE.

Backup your template first for safer work so you can restore it if saomething wrong happened to your template!!

2. Load your blog until finish loading the mainpage, then right click and select "VIEW PAGE SOURCE", it will appear a new window (using the Firefox browser) which contai your blog source codes, search for widgets that displayed in the main page, for example to search shoutmix widget, press CTRL-F (Edit Find) type "shoutmix" (without quote), page sources will lead to this codes section :

...............
<div class='clear'></div>
</div><div class='widget HTML' id='HTML5'>
<h2 class='title'>BIZ GUEST-BOOK</h2>
<div class='widget-content'>
<center><a name="shoutchat"><b>THANK YOU FOR VISIT HERE,
PLEASE TELL US A THINK! MAYBE WE CAN HELP YOU.</b><br/>Bizril Admin</a><br/>
<iframe scrolling="auto" width="255" frameborder="0" src="http://www6.shoutmix.com/?bizril" height="500" title="bizril"></iframe></center>
</div>
...............

3. Observe that codes above, now you could be know that shoutmix widget is under a class with id = 'HTML5'

4. Move to blogger windows with LAYOUT-EDIT HTML that had been opened, press CTRL-F (Edit-Find) and type "HTML5" (without quote), its will lead to this HTML section :

<b:widget id='HTML5' locked='false' title='BIZ GUEST-BOOK' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

5. Insert this code bellow :

<b:if cond='data:blog.url == data:blog.homepageUrl'>

Under this code :

<b:includable id='main'>

6. Insert this code bellow :

</b:if>

Under this code :

<b:include name='quickedit'/>

So the final codes will be like this:

...............
<b:widget id='HTML5' locked='false' title='BIZ GUEST-BOOK' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
...............

7. SAVE TEMPLATE

Now you were completed to hide the shoutmix widget on your blog Subpage, try to load your blog again until finish to loading the mainpage, all widget will displayed on the mainpage, try to go to a subpage with clicking a post title or clicking read more, see this hidden widget does not displayed on your blog subpage.

Proceed to other widgets that will not displayed on your blog subpage.

Done, Have a Nice Blogging !!


Blog, Blogger, Google, Yahoo, Search, SEO, PageRank, Traffic, Meta Tag, Webmaster, Analyzer, Tutorial, Tips, Trick, Booster, Tool