如何並排這兩個網頁小工具 - 部落格

※ [本文轉錄自 Web_Design 看板 #1E7QSSDy ]

作者: SJobs (蘋果執行長) 看板: Web_Design
標題: [問題] 如何並排這兩個網頁小工具
時間: Wed Jul 13 22:09:29 2011

我想將Blogger中的兩個小工具，也就是網頁元素並排在一起

http://www.webpagescreenshot.info/img/255851-713201150507PM

圖中可以看到兩個小工具，一個是分享按鈕，另一個是Facebook的社交元件

我想要將Facebook社交元件並排在分享鈕的旁邊，請問這要如何處理？

上網查了一下，發現這和span與div語法有關，不過我不管怎麼試，都無法成功

還請高手幫幫忙。

<span class='post-share-buttons'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
<p> </p>
<script>
document.write(&#39;&lt;iframesrc=&quot;http://www.facebook.com/plugi
ns/like.php?href=<data:post.url/>&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=verdana&amp;colorscheme=light&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot;
allowTransparency=&quot;true&quot; style=&quot;border:none; overflow:hidden; width:450px; height:30px&quot;&gt;&lt;/iframe&gt;&#39;);
</script>
</b:if>
</span></div>

*1:<b:include data='post' name='shareButtons'/>為分享按鈕的主體
*2:<script>.....</script>為Facebook社交元件的主體

--