banner header image automatically change auto - Blogs - Ning Creators Social Network2024-03-29T15:06:28Zhttps://creators.ning.com/blogs/feed/tag/banner+header+image+automatically+change+autoTIP 3.0: How to change your header banner image automatically after every 20 seconds or suit to your time preference?https://creators.ning.com/blogs/tip-3-0-how-to-change-your-header-banner-image-automatically-afte2015-04-19T06:31:13.000Z2015-04-19T06:31:13.000ZBernard Lamahttps://creators.ning.com/members/BernardLama<div><p>How to change your header banner image automatically after every 20 seconds or suit to your time preference?</p>
<p>Step 1: Create your HTML page. <a href="http://storage.ning.com/topology/rest/1.0/file/get/830758754?profile=original" target="_self">Sample HTML page</a>. This page will display as a custom header banner image.</p>
<p>Step 2: Copy and paste the following code into notepad and add your <a href="http://storage.ning.com/topology/rest/1.0/file/get/830758754?profile=original" target="_self">custom HTML/IFRAME page.</a></p>
<p>Step 3: Copy/paste the entire code into CUSTOM CODE (End of Page Code)</p>
<p>You are done.</p>
<p>Download <a href="http://storage.ning.com/topology/rest/1.0/file/get/1868455?profile=original" target="_self">HTML sample code</a></p>
<p>Live example <a href="http://ksnonline.ning.com/" target="_blank">click here</a></p>
<p>If there is any issue while implementing this tip, feel free to ask me.</p>
<p><strong>If you would like to go beyond this tip or looking for any kind of help, feel free to contact me bernardmax2@gmail.com</strong></p>
<div style="background-color: #f2ffe1; border: 1px solid #83D13D; margin-right: 20px; padding: 10px; white-space: normal;">
<p><!-- Ning3.0 AUTO CHANGE HEADER BANNER IMAGE BY bernardmax2@gmail.com--><br> <div id="BL_ads_within_contents" style="display:none;"><br> <p style="text-align:right";><br> <iframe width="970" height="160" src="<strong>http://YOUR_HTML/IFRAME_PAGE.html</strong>" frameborder="0" scrolling="no"></iframe><br> </p><br> </div><br> <script type="text/javascript"><br> if (typeof(x$) != 'undefined') {<br> x$(".header-siteNameLogo").prepend('<div id="insidecontent"></div>');<br> var within_contentsCode = document.getElementById('BL_ads_within_contents');<br> var insidecontentCode = document.getElementById('insidecontent');<br> insidecontentCode.innerHTML = within_contentsCode.innerHTML;<br> }<br> </script><br> <style><br> #insidecontent {<br> margin-left: -8px!important;<br> width: 970px;<br> height: 5px;<br> }<br> </style><br> <!-- Ning3.0 AUTO CHANGE HEADER BANNER IMAGE BY bernardmax2@gmail.com--></p>
</div></div>