How to Add a Slider to Your Main Page to Promote Special Content

A lof of people ask us about the "slider" on Creators at the top of our Main Page. They love it. We do, too!

A slider (sometimes also called a "carousel"or "hero" box) automatically rotates in and out promotional content. It's a very effective way to spotlight specific things on your network that you want returning members (and visitors) to notice and visit. You could also use a slider like this to run your own ads, particularly if you have lined up sponsors or advertisers directly and can create an ad for them. It looks like this: 

I know that a number of Network Creators are going to flip over this new slider we've created. It's free for the taking, so check out this article on Adding a Slider to see if it's something you'd like to put on your network.

You will need to be able to upload the images you want to display, and you can do that with the File Manager (among other ways). You will also need to be able to look at some HTML, but these instructions are straightforward and should be doable for most Network Creators. If you're unsure about how to do it, you might want to try it out first on your test network and then paste the final code into a Text Box on your live network. 

Enjoy! 

 

Views: 10221

Reply to This

Replies to This Discussion

I NEED YOUR HELP, PEOPLE!

I followed the instructions step by step (Adding a slider). but in the end nothing happened, just what that picture Instead of the normal slider. Can you help me?

Is there anyone who can help me tweak my slider just a tad? My images are overlapping just a hair and I need to know how to tweak the code. Thanks for taking the time to assist me. http://ninegps.com

Can you help me with my slider? I saw the one on your page and it looks great. I just cant get to that point.

So I get the instructions on how to do this, but when I try to load the photos that I want, it comes out all messed up. can anyone help? I know that it is when I change the html coding, but im lost!!!

I gave up on this slider in 2011.   I just cant understand why if they code is set a certain way, why no one here has said -   if you leave the code as it is, the pictures need to be this size so they will center properly.  I copied the exact same dimentions of the photo used and the slider still wants to adjust, even after I upload them and they look perfect, as soon as I save them, they get bigger.   The only thing I might be doing wrong is not hosting the picture but uploading it, does that make a difference?

Kudos to Ejiasi.

Can anyone tell me how to position the black box overlay? Here is my site to see the issue.

realventure.org

Pardon if this has already been addressed here.

Hi Richard,

You need to crop slide three to the same height of slides one and two. The position of the overlay is in relation to the bottom of the image.

James

Thank you James. That was too easy.

Happy Holidays to you and your family.

Y

"You're welcome" ...is what I tried to post before! Don't know where the rest went. LOL!   Have a happy and safe holiday, too!

Hello,

I don't have the option to upload my images using the File Manager.  Is there another way I can upload my images.   I tried copying the image URL and placing it in the HTML code but it doesn't seem to work.  How should I do this?

Hey Donna:

To load photos, go to the page where the slider is. Click the edit link which is in he upper right corner of your slider.  Once you do this, click on he image you want to replace, then at the bottom left of the image, an option will apear saying "image: edit|delete." Click edit, then it will give you an option to choose to load pix from a url which is a web address to where the photo is, or the option next to it on top that says "from my computer", select that one. Then find the image on your PC and load it up. The image has to be a set pixel size, or it will be either too big or too small. Hope this helps. 

When you want to upgrade from this, move to the WOW Slider. It's much better, just more complicated. I'm adding it to my site today, www.dallasflow.com. We're an online magazine. 

Duraine

RSS

Latest Activity

Thiago Santos de Moraes replied to Elshara Silverheart's discussion 'More Feature Requests'
"Thanks, Kos. I would like to understand the reason for this, it seems that the Ning wants to…"
31 minutes ago
Troy Marquis replied to Andrew Sanderson's discussion 'Video chat for ning network'
"skysa"
1 hour ago
Ambroise favorited Eric Suesz's page Ning 3.0 Roadmap
3 hours ago
Ambroise commented on kid k's group 'Ning French Networks'
"Dans le menu, il y a marqué Ning 3.0 lol"
3 hours ago
Jean-Christophe Fa(u)dot commented on kid k's group 'Ning French Networks'
"En ce qui me concerne, c'est à peine si je sais que Ning 3 existe ou va exister !…"
5 hours ago
SM replied to SM's discussion 'How to Target the First Page of your Site with CSS'
"Hi Suzie, here is the code you need to put into your bottom custom code box in the design center…"
5 hours ago
Kos replied to SM's discussion 'How to Target the First Page of your Site with CSS'
"ahhh now that makes sense.  Thanks for clarifying :)"
6 hours ago
Strumelia replied to FedMedic's discussion '3.0 Why is all my text centered?'
"Thanks so much, and please DO let me know what their support team is like, when you first make use…"
7 hours ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service