TIP: How to Quickly Change Network Background and Track Pageloads

[⚡JFarrow⌁]

Ok guys... in the past week I have had 4 separate community managers ask me the best way to switch out a background image in both Ning 2.0 and 3.0 networks. Here is the way that I do it.

This method will also double as a pageview tracker using goo.gl URL shortener.

The CSS you'll need for the perfect full width background image is as follows:

body {
background: url(http://goo.gl/OQQeTw) no-repeat top center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

*don't forget to change the image link in red with your own

The process is simply to 1) upload an image through a blog post  2) shorten the link for that image url  and 3) snap it into place.

Here is a little animation for exactly how to do this:

Let me know if you have any further questions or need help with your Ning development. Enjoy!

[Radhika Bista]

That's good JFarrow. By the way, which tool you used above animated image. Is it GIF animator?

[⚡JFarrow⌁]

https://creators.ning.com/forum/topics/tip-best-tool-for-creating-an...

[⚡JFarrow⌁]

still one of the best tricks for Ning communities... works in 2.0 and 3.0

[Kyryl_Ning_Support]

I have to admit that's a really good tip, and right now it's featured :-)

Best wishes,

Ning Team.

[⚡JFarrow⌁]

thank you!