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:

[Joao Fernandes]

Bernard, you rock like Gangnam style.

[Adeel Cheema]

Hey Bernard,

I need your help, my pinerest is not working as before yesterday everything was fine but now by click on it nothing happened just window scrolls up...

Help me..

[Bernard Lama]

Hi Adeel,

Can you show me your site link?

[Adeel Cheema]

Sure

VU Cafe

[Bernard Lama]

Hi Adeel,

I saw your site and it looks like there is an error. BTW, are you using the same code or you have made some changes?  

[Adeel Cheema]

Thanx for having look on it...

I didn't make any changes in it and as i said, everything was working fine since yesterday...

[Bernard Lama]

Remove all the codes from custom code and add one bye one. It seems like one code is conflicting with other code. You need to take a close look.

Best Wishes

Bernard

[Adeel Cheema]

Let me check...

THanx in advance..:)

[Adeel Cheema]

No there is no problem with custom codes box as i removed and just used Pinterest code in it...there is something else..

may be Network cache clear ???

[Lora]

I am having an issue. It was there and now all I see is code where there should be graphic images and the code it's showing is my Google analytics. This really messed me up cause when i go to remove the code you gave us, it's gone.

This is not good. I need help please.

[Bernard Lama]

It looks like the code is within advanced css area. Or may be you are not pasting the complete code. check once again.

[Vincent Wright]

EXCELLENT work, Bernard