Social share module vertical layout

[guyco]

Hi,

Is there a simple / quick way to make the social share module vertical aligned?

(and the email subscription module as well).

I'd like to add them to the blog sidebar but in a vertical layout.

Thanks,

Guy.

[subin · Accepted solution]

Hi @guyco

Try to use share this http://www.sharethis.com/   you can use the plugin for single post too, embed the code and check. i think we can use it in both vertical and horizontal directions

Thanks

[Ekessler]

Can you share with me where on the template design to use the Share this code?  I've played around with it and it doesn't seem to be working, even after I added the code in the head and verified the domain.  I just don't know where to add the <div> on the template for the blog pages. 

thanks.

[Ekessler]

Never mind - I got it to work.  

[guyco]

That's a great idea, thanks!

[nschurdell]

@guyco you can use similar javascript/jQuery and css (see below) to accomplish this...

var t=setTimeout(function(){
$('#please_share').css('visibility','visible').hide().fadeIn("slow");
clearInterval(t);
}, 2000);
if($(window).width()<865) {
$('#please_share').removeClass('share_class');
$('#please_share').insertAfter(".page-header");
}
else {
$('#please_share').prependTo(".page-inner");
$('#please_share').css('top',(parseInt($('.page-header').offset().top)+200)+'px');
var width=parseInt($('.page-header').offset().left);
width=width-70;
if(width<=175) {
$('.share_class').css('margin-left',width+'px');
}
else {
$('.share_class').css('margin-left','175px');
}
}

[guyco]

Thanks for the reply.

Sorry but I'm not sure I understand how it is related to the default social share module ...

Thanks again,

Guy.