Another attractive blogger widget for all our lovely readers. This time I am here with "Loading Time Indicator" blogspot gadget. It will show your blog's loading time. I am damn sure your blog readers will like this so much. You can easily install it on your blog. If you want to share this widget with your readers then give us credit link. Before adding something new things to your blog please take back up of your Template. Let's start this tutorial:How to Add Loading Time Indicator to Blogger
- Go to Blogger Dashboard » Template
- Click On Edit HTML
- Search For ]]></b:skin>
- Copy/Paste the Following Code Above it
#loading {
position:absolute;
width:300px;
top:0px;
left:50%;
margin-left:-150px;
text-align:center;
padding:7px 0 0 0;
font:bold 11px Arial, Helvetica, sans-serif;
}
- Now, Find </head> In Blogger Template
- Copy/Paste the Following Code Above it
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(window).load(function(){
$("#loading").hide();
})
</script>
- Now, Search <body> In Blogger Template
- Copy/Paste the Following Code Below it
<div id="loading">
Loading content, Please wait..<br/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlTBH7dWnAek266N9BkEskB-1nJi5ffIG3HPSOmGIT_YyU4n6K4odJ3JDp71yLEu_zxOcLsnk2buecB73Fk0dOW3cs5BFiGA5M1PKg9i2atshpZfEBVhY3CUemHRCfdf-ICRD5wwCbv8GY/s1600/bd-loader.gif" alt="loading.."/>
</div>
Note - You can create a loading image with this cool Ajax Loading Gif Generator. And change green color highlighted image URL with your own image.
- All Done! Now, Press Save Button. :)
Your comment, suggestion and feedback is highly appreciated. Thanks for your visit, and share this widget with your friends. Stay Blessed :)
Thanks for this,but a demo would be appreciated if possible
ReplyDeleteThanks for suggestion Ebi...
DeleteI just visited ur blog 4 d first time but I think I will try to add dis to my blog because I love gadget a lot. http://www.worldbasetech.blogspot.com
ReplyDeleteOh! Thanks for your love Onyema. Blogs Daddy is a place where you can get so many widgets, gadgets, tips and trick for your blog. Stay tuned :)
DeleteCheers..!!!
Thanks for post ,awesome article, it's a wonderful feature i can try to check loading time
ReplyDeleteYes, sure brother You can try this code any time.
DeleteRegards
Gagan Masoun
Dear I found your blog URL on Ankit Kumar Sigla.your blog is good. It's have good content. now i visit on daily basis to learn many things. thanks
ReplyDeleteThanks Rana brother. Anikt Kumar Singla is great blogger and my good friend. :) Stay Tuned
DeleteThanks for the code Gagan:)
ReplyDeleteLoading time indicator? Seems quite interesting.
Will try it, keep sharing the similar stuffs!
Happy to see you here Nirmala Mam.
DeleteI am regular reader of your "Magical" blog.
Stay tuned :) God bless
Thanks for the post i really appreciate it
ReplyDeleteYou are most welcome dear friend :)
Deletenot work for me :(
ReplyDeletehttp://www.knowledgeisfree.info
Hello Harcharn Singh,
DeleteHave you done all the above steps?
Which type of error did you see?
Thanks
Gagan