close

感謝痞客邦貼文功能的彈性,讓我們除了可以透過iframe指令直接把網站包到我們的文章中之外,現在還可以直接把Facebook的文章,嵌入到我們的文章中,讓我們更方便更直接分享來自於Facebook的訊息,就像是下面大家看到的內容一樣(如果你有登入臉書的話,你還可以不用進臉書,直接按讚和分享唷):

 

在這個例子中,我們透過Facebook嵌入碼的操作,把Facebook中別人分享的某一段影片,直接分享在我們的部落格中,還不錯吧!現在我們就來教大家,如何也在你的痞客邦部落格中加入這樣的功能!

首先,先登入你的Facebook帳號,找到一篇你想要分享的貼文。當然,你也可以自己分享一個影片檔來用!找到了之後,請看以下的畫面:

fb01  

在這篇貼文中,右上角有一個小小的下箭頭符號,這是大家常常忽略的地方。請按一下這個符號,Facebook就會跳出一個選單,而最下方那個選項,就是「嵌入貼文」的介面。請選擇這個選項,然後會出現下面這個對話盒:

fb02  

在這個對話盒的最上方,有一大段程式碼,別擔心,這就是我們想要的嵌入碼。請把這一段程式碼全部選取,然後複製下來。要全選,不要漏掉任何的程式片段喔!複製完畢之後,回到痞客邦的發表文章編輯器,找到左上角的「HTML」按鈕:

fb03  

按下去之後,就會跑出一個視窗,讓我們直接輸入或是修改現有文章的HTML碼,如下所示:

fb04  

把我們剛剛複製的程式碼全部貼上,然後按下左下角「更新」按鈕,就算是完成了。

要注意的地方是,你輸入的內容在編輯器時並不會看到貼文,只有在你發表文章之後,在部落格的環境下才可以看得到影片的內容。當然,你也可以像這篇文章一樣,加入自己的文字或圖片內容,只是編輯的時候要小心,千萬別把那些程式碼刪掉了喔!

怎麼樣,你的文章看起來有沒有更酷了呢!趕快試試看吧!

arrow
arrow

    天網資訊生活雜記 發表在 痞客邦 留言(2) 人氣()