Does anyone know how to create rotating header ads? I am not savvy in this and really could use some help. I love Ning Creators! It has been a while since I have been on and it is bustling! Thank you Ning and Kyryl for all you are doing to make our networks awesome!
You need to be a member of Ning Creators Social Network to add comments!
Replies
Hi Jennifer!
I have found several discussions related to teh carousels, here are some of them:
https://creators.ning.com/forum/topics/tip-monetize-your-site-with-...
https://creators.ning.com/forum/topics/tip-the-simplest-minimal-ima...
Maybe one of those sliders would be suitable for you if not just let me know and I'll make a post here on creator how you can create a slider with flexslider, as it's pretty easy to do and use :-).
Best regards,
Ning Team.
Hi Jennifer... when you say rotating do you mean having a new ad load each time page loads or a carousel style plugin?
A carousel plug in I believe. Where each ad rotates every few seconds. :)
Hi there!
I do suppose the two solutions, mentioned before haven't been found by you useful. as an alternative, you can use slick slider library for example. You can find more documentation via the link http://kenwheeler.github.io/slick/.
Here is the code for the simplest slider that I do suppose would fit your needs, however, it's just an example and still it would be necessary to put the adds in the correct places.
The following part should be inserted in Site builder's Custome code section in <Head> code field:
<link rel="stylesheet" type="text/css" href="//storage.ning.com/topology/rest/1.0/file/get/7654719?profile=original"/>
The next piece of code should go to Site builder's Custome code section in End of page code field:
<script type="text/javascript" src="//storage.ning.com/topology/rest/1.0/file/get/7654716?profile=original"></script>
<script>
x$('.my_slider').slick({
slidesToShow: 1,
autoplaySpeed: 3000,
autoplay: true,
arrows: false,
});
</script>
The configuration of the slider could be changed depends on your needs, all the necessary properties that could be used you can find via the link I have mentioned at the beginning of this reply.
The following part should be inserted in any place in HTML mode where you wish to display your slider:
<div class="my_slider">
<div> My awesome text1</div>
<div> My awesome text2</div>
<div> My awesome text3</div>
</div>
<div> My awesome text1</div> - there can be any number of such elements, just add html code between <div> and </div> and insert the code you get between <div class="my_slider"> and </div>. If there is any help needed please let me know.
Best regards,
Ning Team.