{"id":7845,"date":"2012-09-18T19:06:43","date_gmt":"2012-09-18T19:06:43","guid":{"rendered":"http:\/\/help-o.ning.com\/?p=7845"},"modified":"2019-08-27T12:54:10","modified_gmt":"2019-08-27T12:54:10","slug":"how-to-make-a-custom-header","status":"publish","type":"post","link":"https:\/\/www.ning.com\/help\/how-to-make-a-custom-header\/","title":{"rendered":"How to Make a Custom Header"},"content":{"rendered":"

Making a custom header can seem daunting, but it\u2019s not that hard. You\u2019ll need to start with the image of your choice, crop it or resize it to be the correct size, and then upload it to your Ning Network. The width of your Ning Network\u2019s header area is 955 pixels<\/strong> (the height is up to you, but we recommend trying a height of 150 pixels and seeing how that feels).<\/p>\n

Choosing a Theme That Works with Your Custom Header<\/strong><\/p>\n

Try to think of a color palette or design you can use as the background and body color for your social network. Then, choose a theme in the Design Studio. If you\u2019re planning on adding a custom-made header, a basic theme without a lot of additional graphic elements is a good place to start. In this case, we\u2019ve chosen to start with “Flashing Lights” because we like the black background of the header and the overall sleekness of the design. We think it will work well with what we have planned.<\/p>\n

\"How<\/p>\n

Adding the Header Background Image<\/strong><\/p>\n

\"How<\/p>\n

The next step in creating a custom header is actually creating the image you\u2019d like to use as the header background. For simple headers, you\u2019ll want an image that your network name and tagline can live on top of and still be read. Use an image that encompasses the theme of your social network in one glance. Get as creative as you like. If you’re intimidated by designing graphics, start with something basic and improve it later.<\/p>\n

Once you\u2019ve created and saved the header image on your computer, you\u2019re ready to add it to your social network:<\/p>\n