TIP 3.0: How to change your header banner image automatically after every 20 seconds or suit to your time preference?

[Bernard Lama]

How to change your header banner image automatically after every 20 seconds or suit to your time preference?

Step 1: Create your HTML page.  Sample HTML page. This page will display as a custom header banner image.

Step 2:  Copy and paste the following code into notepad and add your custom HTML/IFRAME page.

Step 3: Copy/paste the entire code into CUSTOM CODE (End of Page Code)

You are done.

Download HTML sample code

Live example click here

If there is any issue while implementing this tip, feel free to ask me.

If you would like to go beyond this tip or looking for any kind of help, feel free to contact me [e-mail]

<!-- Ning3.0 AUTO CHANGE HEADER BANNER IMAGE BY [e-mail]-->
<div id="BL_ads_within_contents" style="display:none;">
<p style="text-align:right";>
<iframe width="970" height="160" src="http://YOUR_HTML/IFRAME_PAGE.html" frameborder="0" scrolling="no"></iframe>
</p>
</div>
<script type="text/javascript">
if (typeof(x$) != 'undefined') {
x$(".header-siteNameLogo").prepend('<div id="insidecontent"></div>');
var within_contentsCode = document.getElementById('BL_ads_within_contents');
var insidecontentCode = document.getElementById('insidecontent');
insidecontentCode.innerHTML = within_contentsCode.innerHTML;
}
</script>
<style>
#insidecontent {
margin-left: -8px!important;
width: 970px;
height: 5px;
}
</style>
<!-- Ning3.0 AUTO CHANGE HEADER BANNER IMAGE BY [e-mail]-->

[Kos]

It's dark red for a split second.  Then flips.  Don't think it's supposed to function that way..........but I could be wrong.