"Get Engagement Started" Icons/Links

[Jen]

This is a simple little block of code that will add some engagement icons/links to your Ning Network. I created 2 versions, a vertical and a horizontal. All of the links are ready to go for a Ning Network. All you have to do is copy/paste to a text box.

The icons may not be the best for everyone. You can find great royalty free icons here: http://www.iconfinder.com

You will see the licensing for each icon in upper left of screen.

 

Working Example:

Profile	+Blog	+Forum	+Event	+Group	+Music	+Photos	+Videos

 

 

Wide Text Box - Horizontal Version (screenshot)

engagementicons32_horizontal.txt

• Edit Text Box and click on HTML button.
• Copy/paste code into Text Box and Save.
• Done.

 

---

Narrow Text Box - Vertical Version (screenshot)

engagementicons32_vertical.txt

• Edit Text Box and click on HTML button.
• Copy/paste code into Text Box and Save.
• Done.

 

 

The sweet little iphone icons were put together by

`-kol on deviantART

 

You may want to upload the icons to your site to insure optimal loading time:

 

 

Enjoy!

Jen

 

[Glenn Lynch]

Hey Jen! Is there a  way I can add these icons on the ning bar?

[Glenn Lynch]

Hey Jen,

I was wondering how can I make these icon to hover like in Macbooks and other macs?

[Skye]

What text box do we put this in or do we put this into the custom code box?

[Luciano Costa]

I'm not sure I understand this. How is it supposed to look like on the site? Will each icon appear next to the tabs at the top or just inside the text box? How do I take advantage of this coding?

[Jen]

Hi Persephone and Luciano,

The icons are added to a Text Box. "All you have to do is copy/paste to a text box." You can use the horizontal or vertical code versions.

Be sure to click on the HTML button when you edit your Text Box.

Hope that helps,

Jen

[Atheist Universe]

Here's how we did it.
I used the Ning default icons and buttonized them.

[Jen]

@Atheist Universe, Very nice!

[Abel I. Arenivar]

me encanto! Gracias por compartirlo

[Naomi]

Great tip, thanks :)

[Jen]

Happy you all like the tip! Thanks for the feedback.

=)