Current status of the Ning Platform is always available on the Ning Status Blog.

banner header image automatically change auto (1)

NC for Hire

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-->

Read more

Meanwhile, you can check our social media channels