Adding More to Social Box Sharing

Hi,

If you want a standard button you can get the code from here: http://www.stumbleupon.com/dt/badges/create

Or if you want a custom one the code should look like this:

<a class="td-social-sharing-buttons td-social-pinterest" href="http://www.stumbleupon.com/submit?url=' . urlencode(get_permalink()) . '&title= ' . $this->title . '" onclick="window.open(this.href, \'mywin\',
\'left=50,top=50,width=600,height=350,toolbar=0\'); return false; "><div class="td-sp td-sp-share-pinterest"></div><div class="td-social-but-text">StumbleUpon</div></a>

add it in the td_module_blog.php file like here: http://screencast.com/t/eaRORJez then you need to Change the icon and color via CSS

Hope this help!
Thanks

Hi,

It can be done via CSS and you add it in Theme Panel -> Custom CSS.

Here is an example:
First you have to change this classes like this: http://screencast.com/t/NKc2JXoDKB

Then add this custom CSS in Theme Panel -> Custom CSS:
Here I’ve used an icon found on internet but you can try to find a better one if you want or hire a freelancer to draw a custom one for you.

.td-sp-share-stumbleupon {
width: 31px;
height: 31px;
background-image: url('http://iconizer.net/files/InFocus_Social_Media_Icons/orig/stumbleupon.png') !important;
background-repeat: no-repeat;
top: -3px !important;
left: -2px;
}

.td-social-sharing-buttons {
margin-right: 10px !important;
}

.td-social-stumbleupon {
background-color: orange;
}

Hope this helps.

Thanks

Hi,

I’m not sure I understand. Could you please provide me more details.

Thanks

Hi,

The code from td_module_blog file it’s the same, you have to add the StumbleUpon button code the same way http://screencast.com/t/RXOiF0kQX8b

Thanks