2012-03-14 3 views
0

내 블로그에 like 및 tweet 버튼을 추가했지만 각각의 게시물 이후에 수평으로 정렬하는 방법을 모르겠습니다. 내가 뭘 하려는지 짹짹 버튼을 페이스 북의 버튼처럼 놓아 두는 것이 좋고 멋지다. 결국 G + 버튼도 추가하고 싶습니다.Tumblr에서 소셜 미디어 버튼을 수평으로 정렬

내 블로그는 www.thoughtsrandom.com

이에 어떤 도움을 주시면 감사하겠습니다.

다음은 코드입니다. 나는 {/ 블록 : 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> 
+0

당신이 요소의 폭과 위치를 변경하여 아주 쉽게 할 수 있습니다. 데모 용 G + 버튼을 추가하겠습니다. – w3uiguru

답변

0

확인 아래 바이올린과 당신의 필요에 따라, 당신은 쉽게 번거 로움없이이 작업을 수행 할 수있는 요소를 설정합니다.

바이올린 : HTTP : //jsfiddle.net/pVaLL/1/

데모 : http://jsfiddle.net/pVaLL/1/embedded/result/

+0

답변 해 주셔서 감사합니다. 정렬은 맞습니다. 그러나 버튼 자체는 더 이상 작동하지 않습니다. 또한, 하나의 버튼이 마음에 들면 나머지 게시물도 좋아합니다. –

+0

나는 내가 사용하고있는 코드를 삽입했다. –

+0

나는 단지 위의 언급 웹 사이트에서 코드를 복사하여 데모를 보여 주며, 필자는 필자가 바이올린으로 데모 한 것을 보여준 이유가 무엇인지 실제 코드가 없다. 그래서 당신이 필요에 따라보고 개발할 수있다. – w3uiguru

관련 문제