Adding QueryLoader (‘LazyLoad’) Script For Blogger And Customize It.

What is the QueryLoader (LazyLoad).

QueryLoader is a blank black ( can be changed ) screen that covers your blog till all content loaded, which means that your visitors won’t see the actual loading of your blog, instead of that, they will see a loading page with a bar and percentage of the overall blog loading, it’s build using j-query and css. easy to apply to your blogger blog, and customize able.

Step 1, adding the jave files.

In this step we will add a scripts files to your blogger template.
Please navigate to your dashboard >> Design >> edit html , and please find the following code,

</head>

And exactly before it add the following code

<script src='http://code.jquery.com/jquery-1.5.min.js' type='text/javascript'/>
<script src='http://blogger-loader.googlecode.com/files/queryLoaderpre.js' type='text/javascript'/> 

Step 2, adding the jave Codes.

And on the same page, please find the following code,

</body>

And before it add the next code,

<script>
 QueryLoader.selectorPreload = &quot;body&quot;;
 QueryLoader.init();
</script>

Step 3, adding the Css Codes.

now on the same page too, find this code,

]]></b:skin>

And before it , add this code,

.QOverlay {
 background-color: #000000;
 z-index: 9999;
}

.QLoader {
 background-color: #CCCCCC;
 height: 1px;
}

.QAmt {
 color:#FF530D;
 font-size:50px;
 font-weight:bold;
 line-height:50px;
 height:50px;
 width:100px;
 margin:-60px 0 0 -50px;
}

now Click Save Template 
And your blog now have the script installed and ready, click preview or view your blog to see the script in action.

Additional Step, Customize the colors.

Now this is an extra step and you can do it or not, as you like, 

If you want to change the colors, you have to change values in the css code, “step 3″
Please look at the following image to know what what you should change to get your own style.

Read More

holiday inn

Holiday Inn Resort Batam offers spacious suites, just 25-minutes by car from Hang Nadim Airport, 15-minutes from the Batam city centre and 3-minutes from Waterfront Ferry Terminal. Free Wi-Fi and parking are available.

The suites at the Holiday Inn Batam include a separate living room and a private balcony. The rooms also come with coffee/tea making facilities, cable TV and safe deposit boxes.

The Batam Holiday Inn has a full service spa offering massage treatments. A Kid’s club & mini golf course is also on site. Children under 12 can stay for free.

The Holiday Inn Resort’s restaurant serves a variety of international dishes, including Thai, Japanese & Chinese cuisine. Alternatively, guest can enjoy a drink while listening to live music in the bar.

Many other facilities and attractions are nearby, such as a golf course, shopping centres and the Budha Maitreya, one of Asia’s largest Buddhist temples.

Free parking is available on site.

Read More