Current status of the Ning Platform is always available on the Ning Status Blog.

NC for Hire

Hi NCs,

Do you know how to add a pinterest button next to every twitter button? No?  No worries, here is the code. Simply copy and paste the code into custom code box. You are done. 

Learn more about share button here

Also you can contact me for better share button customization and other ning stuff at bernardmax@gmail.com

The Code Updated: 27/10/12

<!-- Add pinterest Button BEGIN -->
<script type="text/javascript">
x$(document).ready(function(){
x$(".post_to_twitter").after('<a class="addthis_button_pinterest_pinit"></a>');
x$(".xg_module_activity .addthis_button_pinterest_pinit").css('display','none');

});
</script>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":false};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4ff19dea60772bf2"></script>
<!-- AddThis Button END -->

<style>

.at_PinItButton:hover {

background-position: -124px 0px;
}

.at_PinItButton {
background-image: url(https://api.ning.com/files/Xuh4rezxPoq7fgI*fSEmPfHFCb6apRyGLRkMmwJALs96Rw6ee5lwXuN-Fk8cQQLg7yB4xX1jmqQJmlYp4fQhC*CTOIRuW8Gk/gtcliketweetpinit.gif);
background-repeat: no-repeat;
background-position: -124px 0px;
}
</style>

Live Example

Screenshot Example:

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Votes: 0
Email me when people reply –

Replies

  • You rock as usual!

  • I have a silly question. When you say 'custom code box', do you mean a text box? What do you mean exactly? Thanks.
    • NC for Hire

      When you go to My Network>Tools>Custom Code. That is called custom code. 

      • Very cool! Many thanks!

      • This reply was deleted.
        • NC for Hire

          Hey Armani,

          I have just updated the code. Please the latest version.

          • This reply was deleted.
            • NC for Hire

              Well, I'm not sure about 140 character count? What exactly is this? What's the problem with that?

              • This reply was deleted.
                • NC for Hire

                  It looks like there is a problem with some other codes....I guess my code is not affecting this.

                  • NC for Hire

                    Well, I can only see that error when I log in to your site. 

                    Sorry for that.

          • WORK PERFECTLY.   Thank you.

      • Ah. thanks!  This is AMAZING!

This reply was deleted.
 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Kathleen (SunKat) updated their profile
Feb 20
Scott Bishop posted a discussion
OMG! AI does it all. Anything you want to light up your Ning site, just ask Google AI. That's what…
Feb 5
Scott Bishop replied to Alex - Rosas † Negras's discussion
HTML Browser Popup Window Generator,possible with a click to have the window open for ning or other pages, this is my example
"Where at in a 3.0 website do you paste the code to? "
Feb 3
Scott Bishop replied to George H. Compton IV's discussion
(Ning 2 and 3) welcome / sign-in and sign-up pop-up module. Updated Aug 24, 2017
"Hi George, I'm not sure if this tip has been outdated or for some reason it's not working on my…"
Feb 3
Eva updated their profile
Jan 28
Scott Bishop replied to Scott Bishop's discussion
Please Help! Members Have No Way of Posting Anything
"https://community.surfoutlook.com/
However, it's been solved. Ning helped me out with it. "
Jan 27
Alex - Rosas † Negras replied to Scott Bishop's discussion
Please Help! Members Have No Way of Posting Anything
"I don't remember your site, I'll check for you, can I have the link?"
Jan 26
Scott Bishop replied to ⚡JFarrow⌁'s discussion
🖼️ Improve Accessibility & SEO on Your Ning Photo Pages by Automatically Adding ALT Text from Photo Titles
"On your step 3 where you say "Paste in the script below", I'm not finding that. Did you forget to…"
Jan 25
Scott Bishop replied to Scott Bishop's discussion
Please Help! Members Have No Way of Posting Anything
"I think that setting was switched over to Admin as a default when I converted from 2.0 to 3.0…"
Jan 25
Alex - Rosas † Negras replied to Scott Bishop's discussion
Please Help! Members Have No Way of Posting Anything
"settings members must post, if you put ADMIN it is FORBIDDEN TO PEOPLE"
Jan 25
Scott Bishop replied to Scott Bishop's discussion
Please Help! Members Have No Way of Posting Anything
"I got an answer back from Ning Support within an day. It was a setting that somehow slipped out of…"
Jan 22
Scott Bishop posted a discussion
I just realized that my members can no longer post pictures, videos, blogs, events, or anything…
Jan 21
More…

Meanwhile, you can check our social media channels