Add jQuery Animated Page Loading Effect to Blogger Blog andrey четверг, 1 января 2015 г. No Comment

Another stylish widget for blogger is the jQuery animated page loading effect for blogger blogs which you can use to enhance your blog's design. The loading effect is seen when loading or reloading any page on the blog. It lets your visitor know when the page is still loading  Below are the steps on  how to add a jQuery animated page loading effect to your blogger blog/website. Here's the demo.

Also Read: Scrolling popular post widget for Blogger
                   Square Popular Posts Blogger Widget with Rotating Effect
                   Sliding Recent Post Widget For Blogger

                                                                      

How To Add Stylish Animated Page Reloading Effect To Blogger

  • Go to your  blogger dashboard 
  • Click on 'Template' 
  • Click on 'Edit HTML'
  • Using Ctrl+f  Search for   tag in your template
  • Paste the following code 'above'  (if you don't have it in your template already)




  • Next, search for the tag in your template.
  • Copy the following code and paste 'above' .

 


  • Save your template.
Also Read:  How to Customize Labels Cloud Gadget In Blogger
                     How to Add 'Link to This Post Widget' For Blogger
                     How to Add Read More Attribution Links to Copied Text in Blogger 

You can edit the page loading effect image by changing the Image URL in the code above.
Another stylish widget for blogger is the jQuery animated page loading effect for blogger blogs which you can use to enhance your blog's design. The loading effect is seen when loading or reloading any page on the blog. It lets your visitor know when the page is still loading  Below are the steps on  how to add a jQuery animated page loading effect to your blogger blog/website. Here's the demo.

Also Read: Scrolling popular post widget for Blogger
                   Square Popular Posts Blogger Widget with Rotating Effect
                   Sliding Recent Post Widget For Blogger

                                                                      

How To Add Stylish Animated Page Reloading Effect To Blogger

  • Go to your  blogger dashboard 
  • Click on 'Template' 
  • Click on 'Edit HTML'
  • Using Ctrl+f  Search for   tag in your template
  • Paste the following code 'above'  (if you don't have it in your template already)




  • Next, search for the tag in your template.
  • Copy the following code and paste 'above' .

 


  • Save your template.
Also Read:  How to Customize Labels Cloud Gadget In Blogger
                     How to Add 'Link to This Post Widget' For Blogger
                     How to Add Read More Attribution Links to Copied Text in Blogger 

You can edit the page loading effect image by changing the Image URL in the code above.
by Jillur Rahman

Jillur Rahman is a Web designers. He enjoys to make blogger templates. He always try to make modern and 3D looking Templates. You can by his templates from Themeforest.

Follow him @ Twitter | Facebook | Google Plus

No Comment