Ning tip #2 – add a favicon to your Ning network

Edit: Ning now has a much easier way to create a favicon – click the Manage tab then Network Information. You can add a favicon from there. Much easier than all the guff below. Thank goodness for updates!

The suggested tools, below, are still good though.

Ning has a couple of pages (1, & 2) that tell you how to do this, but I thought I’d tie them together here for relative simplicity (they miss a couple of steps too, but they haz picturz). Please read everything below carefully.

The Ning Developer network post says this is a beginner difficulty-level task. Without being condescending, I’d say it’s a tad harder than that. (So I’m assuming that if you’ve read this far, you’re not a beginner and you already know what a favicon is. =P )

I’m doing this for Windows XP users (sorry Mac people, check out the links above).

Suggested tools
I recommend that you use http://www.favicon.cc/ to make your favicon pixel by pixel. It’s fun. To get the colours right, I recommend that Firefox users get the great Colorzilla addon (use it to pick colours from your page to add matching colours to your favicon).

WARNING
BE CAREFUL: You’re going to use WebDAV to connect to the source code and folders on your Ning network. Do not do this on a computer that you share with other people! They might be able to wreck your network. (see, this isn’t for beginners, is it?)

12 steps to the favicon
Once you’ve made your cute favicon, save it to your desktop as favicon.ico and follow these steps (in Windows XP):

  1. Open ‘My Network Places’
  2. From ‘My Network Places’ click on ‘Add a network place’ (under ‘Network Tasks’ on the left)
  3. The ‘Add Network Place Wizard’ will open. Click ‘Next’.
  4. Click ‘Choose another network location’
  5. Enter the WebDAV network address for your network which will look something like https://XXXX.dav.ning.com, where you’ve replaced XXXX with your network name as it appears in the regular URL/URI of your network. (don’t forget the ’s’ in ‘https’, m’kay)
  6. Once you’re done, click ‘Next’ (you might have to wait a bit here)
  7. Select ‘Choose another network location’
  8. When prompted, enter your Network Creator’s email address and password (read the WARNING above if you want to select/check the ‘remember’ option offered)
  9. Choose a name for your WebDAV connection and click ‘Next’, ‘Finish’, then log in.
  10. You’ll now see all the folders and files in the root directory of your Ning network. Your Ning network source code is now available via ‘My Network Places’ (read the WARNING above)
  11. To be safe, copy everything you see there to your local hard disk as a backup
  12. Copy the new favicon.ico on your desktop and paste it into your WebDAV window to replace the favicon.ico which is there.

Clear the cache in your browser, hard refresh your browser (Firefox: Ctrl Shift R), maybe even close your browser… and behold the glory of your new favicon!

If it doesn’t show after all that, then wait a bit. I’ve known favicons to take a day or two to appear.

Posted in Ning, how to ... ? at October 17th, 2008. Trackback URI: trackback
Tags:

No Responses to “Ning tip #2 – add a favicon to your Ning network”

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>