25.8.09

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

18 komentar:

  1. nice post friend ..!!! thankyou 4u enjoy blogwalking :D

    BalasHapus
  2. good ide friends muantap...!!!!!

    BalasHapus
  3. wah keren nich, thanks infonya... muantabs....

    BalasHapus
  4. good post.. keepp sharing friend

    BalasHapus
  5. wow thanks for the tips my friend, keep rolling...

    BalasHapus
  6. Well, nice triks mister..and i like your blog,looks good.

    BalasHapus
  7. gunanya untuk apa kak ?? bahasa awamnya dunkk. Tia nga paham nihh

    BalasHapus
  8. Nice posting, I will Do it

    BalasHapus
  9. wah keren nih...ijin copy ahh ^^

    BalasHapus
  10. I think that went over my head, though I do worry about loading time. When I've tested mine via two testers on the web...it seemed very fast; but I do have a few folks who indicate they think it's slow.

    Could you pop over and see how it seems to you? I will have to read this several times to understand better. I think I understand the end result and purpose; but am very careful when I change code because I'm not very knowledgeable about it.

    Thanks for the tip, and your time. Looking forward to your popping over to check out my page.

    BalasHapus
  11. I'll try to make it on my blog...thanks friend....

    BalasHapus
  12. nice Post, I will try at my blog

    BalasHapus
  13. Hi, thanks for put my link :) keep blogging...

    BalasHapus
  14. ada yang baru lagi niech..... heeeeeeemmm mau belajar dolow ach... tank ya infonya

    BalasHapus
  15. glad to b here..thanks for the visit...:)

    BalasHapus
  16. saiia suka salam pembukanya kang :)
    jarang bangedd tuu yg pake kalimat itu :)

    tips nya keren.. harus saiia coba nii...
    biar gag pada komplen terus krn masalah gambar :) heheheh.. makasii kang iia :)

    BalasHapus
  17. hi,
    thanks for your blogging

    BalasHapus

Bizril Blog ™ adalah DoFollow blog
.
Tulislah komentar dengan menggunakan bahasa yang baik dan tidak menyinggung SARA (Suku, Agama, Ras dan Antar golongan). Usahakan agar komentar anda relevan dengan topik bahasan.
Boleh menyertakan 1 link pada komentar, tetapi jika lebih dari 1 link akan dihapus.
Terimakasih atas komentar anda.