After you added this feature to the blogger blog header, the image of your blog will rotate or change in each page refresh. Before doing this trick you must create header images for your blog. In this tutorial I am going to show how to rotate 5 header images and that sounds good, right? You will surely enjoy seeing the header of your blog and sharing this to your friends will also amaze them.
I will make it easier for you to understand everything so that when you are going to apply this to your site things will work out right. Ready for the tutorial? Make sure that you have complied with what is required above. If you are done, you can continue reading below. Hope you like it!
Here's how to Add Random Rotating Images for Blogger HeaderStep 1. Log in to your dashboard--> Design- -> Edit HTML
Step 2. Scroll down to where you see <body> tag.
Step 3. Now copy below code and paste it just after the <body> tag.
NOTE :Replace "URL-OF-HEADER-IMAGE-X" with your image URLs.
If above code doesn't work for your blog,then replace "#header-wrapper" with "#header".(ID or Class of your header section).
You can add different number of images than 5. But remember to change "4*Math.random()" according to the number of images you add.For example,when you want to add 8 different images for your blog header background, then code should be change as "7*Math.random()".Look at the example below:
Step 4. Now save your template and your done.Refresh your site few times to see the result.Your header image should be be rotating now.
Note: If you have further questions and suggestions about adding random rotating images just post comment below, thanks