How to Get Revolving Images in a Blogspot Header
Blogspot is a blog hosting service powered by Google's Blogger platform. The Blogger service features a dashboard that offers simple and advanced layout editing. Modules and gadgets can be defined and placed in various locations on the blog. The header position can contain customized HTML and JavaScript code as well as images. A gadget can be created that revolves through an array of images to display a different header graphic every time the page is loaded.
Other People Are Reading
Instructions
-
-
1
Browse to the Blogspot dashboard and click on the "Design" tab.
-
2
Click the "Add a Gadget" link within the Page Elements tab at the top of the page. Open the configuration window by clicking the "HTML/JavaScript" option.
-
-
3
Type the following code into the HTML/JavaScript window:
<script language="JavaScript">
revolving = new Array(3);
revolving[0] = "<img src='REVOLVING_URL'>";
revolving[1] = "<img src='REVOLVING_URL'>";
revolving[2] = "<img src='REVOLVING_URL'>";
index = Math.floor(Math.random() * revolving.length);
document.write(revolving[index]);
</script> -
4
Replace the instances of "REVOLVING_URL" in the code with unique web addresses for the header images that you want to display on the page. Click the "Save" button twice to finalize the gadget and return to the Blogspot dashboard.
-
1
