backup

PAGE-LOAD TIMER SCRIPT FOR BLOGGER BLOGS.

Have you seen websites displaying web-page load time? Do you want this feature in your blog? If yes,then <b>Read-on.</b><p>In this post,I will be explaining how you can easily add this widget to your blog.</p><h2>How to add load timer to blogger blogs</h2>To add this widget to your blog,follow the steps below.<p><font size="5">Step 1:</font></p>Login to <a href="http://www.blogger.com" target="_blank"><span style="color:blue"><b>Blogger</b></span></a> & go to <b><span style="color:red">Design/Layout</span></b><b> » <span style="color:red">Edit HTML</span></b><span style="background-color:#ffffcc">[Always remember to backup your template.]</span> Check the box next to <span style="color:red"><b><input type="checkbox" name="" value="" checked>Expand Widget Template</b></span>  and search for <span style="color:red"><font size="4"><head></font></span> by pressing <b>CTRL+F.</b> Once you get that,copy-paste the codes below directly <font size="4">after</font> it.<div style="border:1px solid #700000;width:130px"><div style="background-color:#d8d8d8"> <script type='text/javascript'> var d = new Date(); var starttime = d.getTime();  //Get the start time </script></div></div><testarea rows="3" col="20"> <script type='text/javascript'> var d = new Date(); var starttime = d.getTime();  //Get the start time </script></testarea><p><font size="5">Step 2:</font></p>Find <span style="color:red"><font size="4"></body></font></span> in your template and immediately <font size="4">before</font> that,copy-paste this code:<div style="border:1px solid #700000;width:130px"><div style="background-color:#d8d8d8"> <script type='text/javascript'> var d2 = new Date(); var endtime = d2.getTime(); //Get the end time //Find the difference between the start and end times var totaltime = (endtime - starttime)/1000; //Round 2 decimal places var result = Math.round(totaltime*100)/100; //Output results to a&quot;P&quot; element document.getElementById(&quot;loadtime&quot;).innerHTML = &quot;Page loaded in:&quot;  result  &quot; seconds&quot;; </script> </div></div><testarea rows="3" col="20"> <script type='text/javascript'> var d2 = new Date(); var endtime = d2.getTime(); //Get the end time //Find the difference between the start and end times var totaltime = (endtime - starttime)/1000; //Round 2 decimal places var result = Math.round(totaltime*100)/100; //Output results to a"P" element document.getElementById("loadtime").innerHTML = "Page loaded in:"  result  " seconds"; </script> </testarea><br /><b>Preview</b> and <b>Save template.</b><p><font size="5">Step 3:</font></p>Login to <a href="http://www.blogger.com" target="_blank"><span style="color:red"><b>Blogger</b></span></a> » <b><span style="color:red">Design</span></b> »<span style="color:red"><b>Page element</span></b> and select <span style="color:orange">'Add a gadget'</span>. Next,scroll down till you find "HTML/JAVASCRIPT" and click on ADD. Now,copy-paste the following codes in it:<div style="border:1px solid #700000;width:130px"><div style="background-color:#d8d8d8">  <p id="loadtime">Your custom message goes here</p></div></div>Finally,save widget and view your blog to see the load-timer. If you are not satisfied with the <b>“Page loaded in:”</b> that displays together with the load-time,simply change it in “step 2” above.

Have you seen websites displaying web-page load time? Do you want this feature in your blog? If yes,then Read-on. In this post,I will be exp...

Baca selengkapnya »