在Tumblr上水平对齐社交媒体按钮

时间:2012-03-14 06:26:36

标签: html css button facebook-like tumblr

我成功地将喜欢和推文按钮添加到我的博客中,但我不确定如何在每个帖子后水平对齐它们。我正在尝试做的是将推文左侧的推文按钮放在按钮上,这样就很好又整洁。最后我想添加G +按钮。

我的博客是www.thoughtsrandom.com

对此的任何帮助将不胜感激。

这是代码。我放在{/ block:PostNotes}之后

<div id="fb-root"></div>

<script>(function(d){

var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}

js = d.createElement('script'); js.id = id; js.async = true;

js.src = "//connect.facebook.net/en_US/all.js#appId=236186013100076&xfbml=1";

d.getElementsByTagName('head')[0].appendChild(js);

}(document));</script>

<div class="fb-like" data-href="{permalink}" data-send="true" data-width="450" data-show-  faces="true"></div>

<a href="https://twitter.com/share" class="twitter-share-button" data-via="nhuntzinger">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id))    {js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

1 个答案:

答案 0 :(得分:0)

检查以下小提琴并根据需要设置元素,您可以轻松完成此操作。

小提琴:http://jsfiddle.net/pVaLL/1/

演示:http://jsfiddle.net/pVaLL/1/embedded/result/