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 bernardmax2@gmail.com
<!-- Ning3.0 AUTO CHANGE HEADER BANNER IMAGE BY bernardmax2@gmail.com-->
<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 bernardmax2@gmail.com-->
Comments