我跟你說DEMO-like
使用方式
進入glogger文章後台，開啟要建立like文章，進入編輯頁面請選擇 HTML，請把下方"FB程式碼"(複製藍色部分就好)貼到到最上面，然後再選擇要哪種顯示效果的按鈕(複製藍色部分就好)，再塞在你想要顯示的位置上就可囉!!!
<-----FB程式碼-------->
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/zh_TW/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<-----按鈕1(按讚顯示好友)-------->
<div class="fb-like" data-href="https://www.facebook.com/tell.tw" data-width="The pixel width of the plugin100" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>
示範
<-----按鈕2(平行顯示)-------->
<div class="fb-like" data-href="https://www.facebook.com/tell.tw" data-width="The pixel width of the plugin100" data-layout="box_count" data-action="like" data-show-faces="true" data-share="true"></div>
示範
<-----按鈕3(直行顯示)-------->
<div class="fb-like" data-href="https://www.facebook.com/tell.tw" data-width="The pixel width of the plugin100" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>
示範
<-----按鈕4(只有按鈕)-------->
<div class="fb-like" data-href="https://www.facebook.com/tell.tw" data-width="The pixel width of the plugin100" data-layout="button" data-action="like" data-show-faces="true" data-share="true"></div>
示範
<-----網頁崁入方式-------------->
<div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/zh_TW/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-post" data-href="https://www.facebook.com/tell.tw/posts/733934886662138" data-width="466"><div class="fb-xfbml-parse-ignore">由<a href="https://www.facebook.com/tell.tw">我 跟 你 說</a><a href="https://www.facebook.com/tell.tw/posts/733934886662138">貼文</a>。</div></div>
示範
留言
張貼留言