Previously, I've posted about How To Add Page Loading Status Image In Blog. But, many people said "It doesn't work." or "The image cannot stop". So, I will post the almost the same trick, that's How to Add Preloader Status in Blog. It's very attractive I think. Why? Because, when you open the blog, you can find a loading status with the animation. Still curious? View the demo HERE. And, if you want to know How to Add Preloader Status in Blog, you can follow the steps below.
1. Log in to your blogger account
2. Go to Design --> Edit HTML
3. Copy the code below, and paste above </head>
=> #000000 is the background color, you can change the code in here
=> #CCCCCC is the loading bar color
=> #FF530D is the loading percentage (number) font color
6. Now, you can click Save Template
1. Log in to your blogger account
2. Go to Design --> Edit HTML
3. Copy the code below, and paste above </head>
<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'/>
4. Still on the same page, find </body> and add the code below above </body><script src='http://blogger-loader.googlecode.com/files/queryLoaderpre.js' type='text/javascript'/>
<script>
QueryLoader.selectorPreload = "body";
QueryLoader.init();
</script>
5. And the last, find ]]></b:skin>, and copy the code below, then paste above ]]></b:skin>QueryLoader.selectorPreload = "body";
QueryLoader.init();
</script>
.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;
}
Customize : 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;
}
=> #000000 is the background color, you can change the code in here
=> #CCCCCC is the loading bar color
=> #FF530D is the loading percentage (number) font color
6. Now, you can click Save Template
6 comments:
very good, I'll use this in my blog. its amazing. :D
Reply20151023 junda
ReplyMont Blanc Legend And Mountain Pen Discount
Louis Vuitton Bags Outlet Store
Authentic Louis Vuitton Handbags Cheap Online
nfl jerseys
Abercrombie And Fitch Kids Online
michael kors outlet
Canada Goose Jackets Outlet Online Sale
Louis Vuitton Handbags Official Site
celine
cheap toms shoes
coach factory outlet
Abercrombie and Fitch Outlet Sale
michael kors outlet
michael kors handbag
ugg boots
ugg boots
Louis Vuitton Bags On Sale
louis vuitton outlet
timberland boots for women
cheap louis vuitton
Lebron James Basketball Shoes Sale
Abercrombie T-Shirts
Michael Kors Handbags Outlet Deals
Louis Vuitton Clearance Sale
coach outlet store online
ugg boots
Cheap Jordans For Sale Wholesale
Michael Kors Outlet Sale Clearance
michael kors outlet
ugg boots
crx123
Replynike outlet store juicy couture
outlet bond pandora abercrombie air max thea markets, puma ed hardy hollister canada we hermes
belt beats by dr dre burberry have converse michael kors outlet online sale burberry outlet online managed michael kors outlet
online uggs outlet harrods
london to
further designer bags p90x workout uggs increase michael kors outlet swarovski crystals nike air max
2014 volumes nike air max michael kors babyliss pro in eyeglasses frames hermes
birkin ray bans both rolex watches for sale uggs outlet louis vuitton the tiffany
and co roshe run rolex
replica Euro oakley sunglasses cheap louboutin shoes tommy
hilfiger outlet stores and prada shoes for men reebok mcm bags Swiss bcbg max ugg boots nike Franc jordans for sale star wars vans shoes gucci
sale Repo
Markets," vans coach bags
north face jackets
jianbin0906
Replytimberland boots
mulberry handbags
toms shoes
louis vuitton replica
gucci outlet online
mulberry outlet
coach outlet online
michael kors handbags
louis vuitton outlet
moncler outlet store
coach outlet
ferragamo outlet
uggs outlet
chicago blackhawks jerseys
fitflops outlet
nike air max 90
nike air force 1
ugg outlet
louis vuitton outlet
canada goose
ray-ban sunglasses
valentino shoes
michael kors outlet clearance
versace sunglasses on sale
abercrombie outlet
cheap nfl jersey
football shirts
uggs clearance
michael kors outlet
ugg outlet
montblanc pens
air max
Replylinks of london
hermes belts for men
fitflops
chrome hearts online
air force 1
jordan shoes
michael kors outlet online
fitflops
yeezys
smart post.
ReplyPost a Comment