Social Network Directory & Network Creator Help - Ning, Spruz, SocialGO, etc...

VIP Ning Club
About VIP

~ Best NING TIPS, available online, special support for Ning Network Creators. TESTIMONIALS...
~ Insert Content or Google Ads within blogs/forums, or most anywhere. Ning-ready sliders/accordions, tabbed content, special shadow techniques, CSS tricks, and much more!
~ Only $34.95 for 6 months of support and all VIP Tips - - a great deal!
Join Now!
Directory

Social Network Directory
Network HELP

Friends helping friends...
Free Ning Tips

Free Ning Network Tips

PunchTab Rewards - How To Change Rewards Button

I recently installed the PunchTab Rewards app to JenSocial, and so far I love it! What about you?

There's been a lot of discussion about PunchTab on Creators, and in fact, probably the place I heard about it first. This is a very simple tip on how to change the default "Rewards" button.

PunchTab lets site-owners build free loyalty programs for their websites, blogs and apps with no development cost or marketing spend.

Seems pretty exciting to me to check the leaderboard, even as a by-stander. If you don't know about it yet, you can check them out here: http://www.punchtab.com The Rewards app definitely encourages user engagement and social sharing of your site.

Notice the button located at top-left of JenSocial, labeled "Earn Rewards". I customized the button, because I really wanted something that stood out a little better than the default button offered by PunchTab. I've already received several emails asking how I changed it, so I wanted to share this code.

You will need to create a button that is approximately 35 pixels in height by 146 pixels in width. Or, change the code below to work for your button.
Upload your button via a Ning Blog, or if you are a Pro Subscriber you can use your File Manager via: My Network/Content/File Manager
Change URL below to your image path.
Add code to your Advanced CSS via: My Network/Settings/Appearance/Advanced CSS.

/* PunchTab Rewards */
#red_tab {background-image:none!important;}
#rwd_tab {background:url("http://api.ning.com/files/aDJc0P5c8HDftR80HsyJqvQYqvid0BSOfsIHRbsxNbLEs4SpbdpmeBcZWNrWJbmxpqm54TShfW*pWgp-GmkhT-ghtIzPd*3V/earnrewards2.png") no-repeat!important;
height: 35px!important;
width:146px!important;
background-position: -1px!important; }
/* PunchTab Rewards */

The horizontal position of PunchTab behaves better in all browsers if you leave it on the left, the default position. To change the location of your button in vertical positioning, add and adjust:

top:35px!important; OR

bottom:15px!important;

Enjoy!

Jen

Tags: punchtab, punchtab button, rewards, rewards buttons

Favorite

2 members favorited this

Replies to This Discussion

Permalink Reply by JenSocial on June 9, 2011 at 12:03pm

Oh yeah, that is an odd location. I love PunchTab, but a little concerned about how it's slowing down JenSocial. :(

Permalink Reply by GirlRiders on September 26, 2011 at 7:49pm

I'm giving punch tab another spin. See if all the bugs worked out and it gets used.

Permalink Reply by ShineOnMS on November 29, 2011 at 6:02pm

Hi Jen

I tried to get working but didn't manage to get it to display correctly i will try again in a day or two thanks for the tip !

Ryan

Permalink Reply by ShineOnMS on December 2, 2011 at 5:28pm

still struggling with this one - i can get the default button to work but not the one i am uploading !

Permalink Reply by mcauly on January 9, 2012 at 9:48pm

Hi Jen, do you still use Punchtab on the site, I don't see the button on Jensocial, thanks!

Permalink Reply by JenSocial on January 9, 2012 at 10:15pm

No, unfortunately I pulled out early on. I really like punchtab, and wish I could use it. With all the features I use for examples, I couldn't afford the extra slowdown. I may try it again soon.

Best,

Jen

Permalink Reply by mcauly on January 9, 2012 at 10:53pm

Got it, thanks!

‹ Previous
1
2
Next ›

RSS

Welcome to
JenSocial: Social Network Directory / Social Web Directory

Sign Up
or Sign In

Or sign in with:

VIP Ning Club:
Jen’s always cooking up new & exciting Ning Tips!

Discover the best Ning Support you’ll find anywhere! Just ask our VIP Members! ;-)

Testimonials

JOIN NOW!

Join the JenSocial Premium Ning Tips Club

All the work/tips created on JenSocial.com are provided free, but your donations allow me to continue offering Free Support, Tips, News, and free Directory Listings. Any amount is greatly appreciated.


Twitter	Facebook

Welcome to JenSocial Network Directory: Social Network Directory and Network Creator Hub for all Social Networking platforms:
Ning, Spruz, SocialGO, Grou.ps, JomSocial, BuddyPress, WackWall, etc...

Formerly the Ning Directory

Add Your Social Network, Find, Preview and Join, all kinds of great Social Networks (Social Communities) - - from Art to Pets!