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(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:

Tags: button, pinterest

Views: 1526

Attachments:

Reply to This

Replies to This Discussion

Cool! Many thanks! :)

Hi sandra and Jens,

Please use the updated version of code. Problem is solved now.

Best Wishes

Bernard

Thanks a lot Bernard!


that's really great: you changed the item 
data_track_addressbar":true into data_track_addressbar":false


Now this suffix disappears!

Best wishes,

Jens

Thanks a lot for helping. I had assumed that you have to set it to false, but I didn't dare :)

 

This is perfect Bernard Great work !!

Hi all, 

Some members were complaining about unknown number after url like this #3445g43. Because Addthis had  enabled address bar tracking which appends those parameters to your URL. They're there so that they can collect analytics when someone copies the URL out of the address bar instead of going through their sharing tool. It shouldn't affect people linking to your site and can provide insight into what content is the most popular on your site.

If they're not wanted or are causing issues, you're free to disable or enable address bark sharing tracking. Just adjust your addthis_config variable like these:

To disable:
<script type="text/javascript">
var addthis_config = addthis_config||{};
addthis_config.data_track_addressbar = false;
</script>

To enable:
<script type="text/javascript">
var addthis_config = addthis_config||{};
addthis_config.data_track_addressbar = true;
</script>

nice tip man thanks again! add me 

~Mark Miner~

Good stuff!

Thank you so much for your help and sharing. Works great.

Great tip, thanks!
nice tip buddy!

Bernard, you rock like Gangnam style.

RSS

Latest Activity

SM replied to SM's discussion 'Just discovered Disqus commenting on Ning - how do we add more features?'
"Like Immediately!!!!!!! NOW I WANT IT BAD!!!"
4 minutes ago
Allison Leahy replied to SM's discussion 'Just discovered Disqus commenting on Ning - how do we add more features?'
"How cool. Did not even know this was possible. I'll have to try it out."
4 minutes ago
Jordon McGee (Jords) replied to SM's discussion 'Just discovered Disqus commenting on Ning - how do we add more features?'
"WOOOO!!!!!! Ning's API needs to be capable for this ASAP!!!"
6 minutes ago
SM replied to SM's discussion 'Just discovered Disqus commenting on Ning - how do we add more features?'
"AMAZING NEWS!!!!!!!!!!!!!!!!! SSO is FREE!!!   Just got an email back from Jon at…"
8 minutes ago
Yaron replied to Allison Leahy's discussion 'Changes to Ning 3.0 Based on Your Feedback'
"Hi Allison.. did you happen to see this post?"
13 minutes ago
SM replied to SM's discussion 'Just discovered Disqus commenting on Ning - how do we add more features?'
"Hi Allison, does that mean SSO won't work right now if someone else sets it up for us? Or do…"
19 minutes ago
SM replied to SM's discussion 'Just discovered Disqus commenting on Ning - how do we add more features?'
"* For those who don't understand the SSO issue. Basically it allows you to use your Ning…"
41 minutes ago
SM replied to SM's discussion 'Just discovered Disqus commenting on Ning - how do we add more features?'
"Good to hear. I'd really love to have that option. It's the only thing that's making…"
50 minutes ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service