{"id":4000,"date":"2012-04-12T23:27:07","date_gmt":"2012-04-12T23:27:07","guid":{"rendered":"http:\/\/help-o.ning.com\/?p=4000"},"modified":"2017-06-16T13:18:38","modified_gmt":"2017-06-16T13:18:38","slug":"create-a-custom-header-using-the-classic-appearance-editor","status":"publish","type":"post","link":"https:\/\/www.ning.com\/help\/create-a-custom-header-using-the-classic-appearance-editor\/","title":{"rendered":"Create a Custom Header using the Classic Appearance Editor"},"content":{"rendered":"

<\/h1>\n
\n
\n

Making a custom header is simple. All you need to do is find a photo of your choice, crop it and upload to your Ning Network.<\/p>\n

Choosing a Theme<\/strong><\/p>\n

First, choose a\u00c2\u00a0theme by\u00c2\u00a0going to the My Network page and clicking the “Appearance” link under Settings. If you’re planning on adding a header, a basic theme without many graphics is a good place to start.<\/p>\n

\"Create<\/p>\n

In this case, we’ve chosen to start with “Light Slate.” The grays and whites of the theme are simple and clean, and easy to build upon.<\/p>\n

Adding a Header Background<\/strong><\/p>\n

The next step in creating a custom header is selecting the image you’d like to use as the header background. For simple headers, you’ll want an image that you can run words over and still read. Images with solid areas of color in the top left work best.<\/p>\n

You’ll need to crop the image to fit your header background area. The width of your Ning Network’s header area is 955 pixels, so use a program like Gimp<\/a> (free for Windows), Seashore<\/a> (free for Mac), Photoshop<\/a> or even a free Web site like Web Resizer<\/a> to crop or resize the image’s width to 955 pixels. We recommend a height between 100 and 175 pixels<\/a>.<\/p>\n

Use an image that encompasses the theme of your Ning Network in one glance. For a neighborhood-based Ning Network, we used a picture of the local area:<\/p>\n

\"Create<\/p>\n

Once you’ve saved your image on your computer, you’re ready to add it to your Ning Network! To do that:<\/p>\n

    \n
  1. Click on the My Network\u00c2\u00a0tab<\/li>\n
  2. Head to the Appearance page<\/li>\n
  3. Select the “All Options” tabs, below the theme thumbnails<\/li>\n
  4. Click on the camera icon next to the “Header Image” text<\/li>\n
  5. Upload your header image, and click “Done”<\/li>\n
  6. Click “Save” at the bottom of the page<\/li>\n<\/ol>\n

    Here\u00e2\u20ac\u2122s what my header looks like now:<\/p>\n

    \"Create<\/p>\n

    Here are other examples of custom headers on Ning:<\/p>\n

    \"Create<\/p>\n

    \"Create<\/p>\n

    \"Create<\/p>\n

    Please note that currently some of our newer themes don’t allow for complete header customization.\u00c2\u00a0 You may want to try using one of these themes to allow for greater control over your Ning Network header:<\/p>\n