Tip: Turn your networks "Follow" to an attention getting button.

[Fire-Tech]

Updated 10-8-2012 with yellow & black images...

I haven't shared anything in a while, so here's a tasty tidbit to draw some attention to your networks follow button with a little style.

Add this to your Advanced/Custom CSS:

/*Follow Button Tweaks*/
.xg_sprite-follow-add {
background:url('https://storage.ning.com/topology/rest/1.0/file/get/11387316?profile=original') repeat scroll 0 0 transparent!important;padding: 3px;border: 2px groove #c5c5d1;border-radius:3px;
}
.xg_sprite-follow-add:hover {
border: 2px groove #ffffd5;
}

Here are the backgrounds you can use to better fit your network as needed (same colors as my Floating Quick Navigation tip if you use that as well):

Just click on the image, copy the url and replace the url in the code above.

Enjoy :)

[FedMedic]

Awesome tip! Thank you!

[Fire-Tech]

Very welcome. I'm glad you like it :)

[George H. Compton IV]

Awesome tip thank you Fire Tech

I hope you don't mind but I use your button images :)  They make a very cool looking Ning bar

xn_bar_red.css
<link rel="stylesheet" type="text/css" href="https://api.ning.com/files/s0x-6XjWb7w*G5lzLHxaUTslQQdU0KXOIpV02uOOJMKGcPQ-7jzD-lfYlqjX0A-eeDKbmOOCYvw4BnyEQCa-qrEi1uCwjO9b/xn_bar_red.css" />

xn_bar_blue.css
<link rel="stylesheet" type="text/css" href="https://storage.ning.com/topology/rest/1.0/file/get/11449573?profile=original" />

[Fire-Tech]

No worries, simple tip. Glad you like it :)

[Scott McKee]

That is so bad assed!  Awesome tip.

[Fire-Tech]

Thanks Scott, but it's a bit hard to tell which tip you like. The follow, or the Ning bar? If the Ning bar is something anyone may be interested in, we can always work together for some options :)

[Scott McKee]

Fire-Tech, I am a big fan of both tips and all of the tips you and George provide us rookies.  Thanks again.

[Fire-Tech]

Sounds good brother. Just didn't know if you were looking for anything in particular. We usually try to help each other out. Have a great weekend :)

[Mandy]

ok..so this is going to be a silly question...I added the code..didn't see anything different..what/where is the follow button? are you referring to any social media buttons we add? fb, twitter, etc.? or would this be the rss feed buttons? my apologies, as I've been on the Ning Network only a few weeks now =/ slowly getting the hang of it

[Fire-Tech]

No problem. You'll see the words Follow in each Blog, Forum...lists....everywhere. If you look at the top of this discussion, you will see where it says Stop Following. Pretty hard to see huh? That's why I wrote this to stand out more. It makes it look like a button and the animated background gets your attention :)