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

Paul Corona posted a discussion
Been fighting migration issues since we moved to 3 months ago....we literally have hundred of links…
Wednesday
Paul Corona commented on Karen Hardy's blog post Terrified about 3.0 upgrade
"My personal thought.....had Ning 2 site (NavyDads) for quite a few years....the transition has NOT…"
Tuesday
Nextholidays updated their profile
May 2
Online Koranlehrer Deutschland updated their profile
Apr 27
Peter Bliss and ⚡JFarrow⌁ are now friends
NC for Hire
Apr 20
⚡JFarrow⌁ replied to Peter Bliss's discussion
Looking for Ning 3 Site Develop / Asst.
"I'll send you my contact info."
Apr 18
Graduslive updated their profile
Apr 13
Peter Bliss posted a discussion
Hello Ning Creators.  I have been on Ning for the last 12 years migrating from Ning 2 > 3 a few…
Apr 10
Peter Bliss updated their profile photo
Apr 10
Peter Bliss updated their profile
Apr 10
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
More…

Meanwhile, you can check our social media channels