Tip: Add a pinterest button next to every twitter button,

[Bernard Lama]

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 [e-mail]

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(http://api.ning.com:80/files/Xuh4rezxPoq7fgI*fSEmPfHFCb6apRyGLRkMmwJALs96Rw6ee5lwXuN-Fk8cQQLg7yB4xX1jmqQJmlYp4fQhC*CTOIRuW8Gk/gtcliketweetpinit.gif);
background-repeat: no-repeat;
background-position: -124px 0px;
}
</style>

_

_

_

Live Example

Screenshot Example:

[Ceddy J]

You rock as usual!

[Eric Suesz]

You da man!!!!

[Christine]

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

[Bernard Lama]

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

[Sandra]

Very cool! Many thanks!

[Armani Rouse]

PROBELM, I have a pin it button next to my status update button and Its already screwed up because my 140 character count is distorted! lol any help here Bernard? you may wanna just look at my home page

[Bernard Lama]

Hey Armani,

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

[Armani Rouse]

Excellent! Any help with my 140 character count? How do I move the 0 back to where the 14 is?

[Bernard Lama]

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

[Armani Rouse]

Bernard look where Ive circled the character count of 140 words where you update your status in the latest activity section...see how the 14 are together and the 0 is below it? Im not sure of how to fix this is what im asking

[Bernard Lama]

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

[Bernard Lama]

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

Sorry for that.