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>
Screenshot Example:
Replies
You rock as usual!
When you go to My Network>Tools>Custom Code. That is called custom code.
Very cool! Many thanks!
Hey Armani,
I have just updated the code. Please the latest version.
Well, I'm not sure about 140 character count? What exactly is this? What's the problem with that?
It looks like there is a problem with some other codes....I guess my code is not affecting this.
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!