Head Banner Changing Image Tricks For Blogger - My Blogger Market

Breaking

Post Top Ad

Responsive Ads Here

Post Top Ad

Responsive Ads Here

12/02/2013

Head Banner Changing Image Tricks For Blogger

Head Banner Changing Image Tricks For Blogger
Hi Friends, Today i am sharing this articles how to change head image on reload the tab on blogger blog this is very simple and interesting.





Follow These Instruction:

Go to Blogger Dashboard
Template >> Edit Html >> Expand Widgets
Find  ]]></b:skin> and pase the following code before it.

#header {
background: url("your header image url in quotes") no-repeat left bottom;
margin:0;
padding:2px;
}

Then copy the following script and paste then above </head> tag.

<script type="text/javascript">
var banner= new Array();
banner[0]="1st image url";
banner[1]="2nd image url";
banner[2]="3rd image url";
banner[3]="4th image url";
banner[4]="5th image url";
var random=Math.round(4*Math.random());
document.write("<style>");
document.write("#header {");
document.write(' background:url("' + banner[random] + '") no-repeat left TOP;');
document.write(" }");
document.write("</style>");
</script>

 If you face any problem please feel free to leave a comment your reply will be highly appreciate thanks and stay tuned.

No comments:

Post a Comment

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. Make sure to click the "Subscribe By Email" link below the comment to be notified of follow up comments and replies.
2. Please "Do Not Spam" - Spam comments will be deleted immediately upon our review.
3. Please "Do Not Add Links" to the body of your comment as they will not be published.
4. Only "English" comments shall be approved.
5. If you have a problem check first the comments, maybe you will find the solution there.

Post Top Ad

Responsive Ads Here