2012 December 31 Archive - EXEIdeas

Today the main question is that we are going to solve is “How To Add An Awesome And Stylish Website Or Blog Loading Page That Will Appear Until Your Website Or Blog Will Be Full Loaded.” The solution is available now to make your visitor mind easy and give him a rest to be easy by giving him a bright hope by viewing him the loading text. So users as i myself visit many sites in a day and we have to wait to be loaded but we have to see half loaded site and we did not wait to get full, we start scrolling from which we missed many of the features of that site like some sites have J-Query plugin that will take a long time to be loaded but we can wait and get dispressed Instead of these restless option we have to give rest to our visitor by adding the loading page so until our sites will be load, the visitor have time to get a back on the chair to be rested.From this code you will get your bouncing rate also high that is good for SEO. This is a simple JavaScript code of few line so it will also take care of your blog time and did not make your blog boring but also give an awesome view to the incomers. So without any further preface directly proceed to the code but first you have to see the DEMO that is just a click away from your finger. #Demo {padding: 5px;border: 1px solid #ff0000; -moz-border-radius:6px; -webkit-border-radius:6px; background:#F8F8F8; box-shadow: 3px 3px 3px #D44B2C; width:185px; } #Demo{margin-bottom:5px;} #Demo a{color:#D44B2C;background:#F8F8F8;padding:8px 14px;display:inline-block;font-size:12px;line-height:12px;text-decoration:none;text-transform:uppercase;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px} #Demo a:hover{color:#fff;text-shadow:0px 1px 0px #000;background:#D44B2C;text-decoration:none} CLICK HERE TO SEE DEMO Features:1.) It Will Show A Full Filled Colour Page With Loading Text Untill Your Page Will Be Loaded Fully.2.) It Will Automatically Disappear After Your Page Loaded Fully.3.) It Will Give A Relax Mind To Visitor To Be Relax Untill The Page Will Be Loaded Fully.4.) Full CSS Page With Quick Loading.5.) Short JavaScript.6.) Awesome And Stylish Design.7.) Fully Customizable.8.) Easy To Use The Source Code.9.) You Can Add Anything On The Loading Page.10.) Lot Of Features Also Available.How To Add In Blogspot?1.) Go To Your www.blogger.com2.) Open Your Desire Blog.3.) Go To “Template”.4.) Click “Edit HTML” .5.) Now Scroll To “ ” Tag.6.) Now Copy The Below Code And Replace It With Tag. 7.) Then Copy The Below Code And Paste It Just After Tag. <div style='position:absolute; text-align:right; right:5%; bottom:0%; font-size: 55px;font-family:Arial, Helvetica, sans-serif; font-weight:bold;text-shadow: 0 1px 0 #CCCCCC, 0 2px 0 #C9C9C9, 0 3px 0 #BBBBBB, 0 4px 0 #B9B9B9, 0 5px 0 #AAAAAA, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);'> Loading... var ld=(document.all);var ns4=document.layers;var ns6 = document.getElementById;if(document.all){ns6 = false;}var ie4=document.all;if (ns4) ld=document.exelodingdiv;else if (ns6) ld=document.getElementById("exelodingdiv").style;else if (ie4) ld=document.all.exelodingdiv.style;function init() {if(ns4){ld.visibility="hidden";}else if (ns6||ie4) ld.display="none";} 8.) Click Save, Now You Are Done.How To Add In Website?1.) Just Go To Your HTML File.2.) Now Scroll To “ ” Tag.3.) Now Copy The Below Code And Replace It With Tag. 4.) Then Copy The Below Code And Paste It Just After Tag. <div style='position:absolute; text-align:right; right:5%; bottom:0%; font-size: 55px;font-family:Arial, Helvetica, sans-serif; font-weight:bold;text-shadow: 0 1px 0 #CCCCCC, 0 2px 0 #C9C9C9, 0 3px 0 #BBBBBB, 0 4px 0 #B9B9B9, 0 5px 0 #AAAAAA, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);'> Loading... var ld=(document.all);var ns4=document.layers;var ns6 = document.getElementById;if(document.all){ns6 = false;}var ie4=document.all;if (ns4) ld=document.exelodingdiv;else if (ns6) ld=document.getElementById("exelodingdiv").style;else if (ie4) ld=document.all.exelodingdiv.style;function init() {if(ns4){ld.visibility="hidden";}else if (ns6||ie4) ld.display="none";} 5.) Click Save, Now You Are Done.Customization:1.) You Don’t Have To Customize It.2.) Feel Free To Ask If You Experienced Any Problem.3.) If You Want To Customized More Like Text, Page Colour, Add Extra Thing, Position. Feel Free To Ask.