Выравнивание кнопок социальных сетей по горизонтали на Tumblr - PullRequest
Новая
       51

Выравнивание кнопок социальных сетей по горизонтали на Tumblr

0 голосов
/ 14 марта 2012

Я успешно добавил кнопки «Нравится» и «Твит» в свой блог, но я не уверен, как их выравнивать по горизонтали после каждого сообщения.То, что я пытаюсь сделать, это поместить кнопку твита слева от кнопки «как в фейсбуке», чтобы это было красиво и аккуратно.В конце концов, я бы тоже хотел добавить кнопку G +.

Мой блог www.hotstsrandom.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 голосов
/ 14 марта 2012

Проверьте приведенную ниже скрипку и установите элементы в соответствии с вашими потребностями, вы можете легко выполнить это без каких-либо хлопот.

Скрипка: http://jsfiddle.net/pVaLL/1/

Демо: http://jsfiddle.net/pVaLL/1/embedded/result/

...