~ 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!
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.
/* 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
Permalink Reply by Predestined by God on June 8, 2011 at 12:41pm
Permalink Reply by JenSocial on June 8, 2011 at 12:51pm Best I remember - - Add their code to your custom code box, because it should be script. And add what I provided to your Advanced CSS for styling.
Hope that helps,
Jen
Permalink Reply by Predestined by God on June 8, 2011 at 12:52pm Got it, thanks .... =)....
Permalink Reply by Predestined by God on June 8, 2011 at 7:02pm
Permalink Reply by JenSocial on June 8, 2011 at 7:43pm I've noticed sporadic down-times in the past day or so. I expect it's because of all the new users, and being so new, these Guys trying to learn exactly what server space and bandwidth is needed. I would give it a little time to settle down.
Best,
Jen
Permalink Reply by Predestined by God on June 8, 2011 at 7:56pm
Permalink Reply by GirlRiders on June 8, 2011 at 8:18pm Worked great Jen! I made a custom image, not sure if I'm crazy about it though. I'll have to stare at it for a couple days, lol.
Permalink Reply by JenSocial on June 8, 2011 at 8:44pm
Permalink Reply by GirlRiders on June 9, 2011 at 6:54am
Permalink Reply by GirlRiders on June 8, 2011 at 8:25pm
Permalink Reply by JenSocial on June 8, 2011 at 9:02pm I'm not seeing it yet on your site. I see it on mine. Not sure what styling it would take. It could probably be tweaked a bit. But, I don't think it's serious enough to dive into. Is yours worse than mine?
Best,
Jen
Permalink Reply by GirlRiders on June 9, 2011 at 6:56am |
VIP Ning Club: Discover the best Ning Support you’ll find anywhere! Just ask our VIP Members! ;-) |
![]() |

© 2012 Created by JenSocial.
Powered by

Home
Subscribe to RSS
Find Us On Facebook
Follow Us On Twitter