網路城邦
上一篇 回創作列表 下一篇   字體:
部予置評,在UDN部落格置入FaceBook留言列的工法分享
2012/06/20 09:51:24瀏覽2687|回應9|推薦38

文 /新北市立安康高中 朱晉杰(小豬老師)

擁有臉書的朋友越來越多,但部落格還是我的最愛,可是想要讓臉書的朋友加入互動行列,這平台的支持就非常重要了,搞部落格與臉書連來連去,最大的推手大概是資策會了,因為他們玩了一個不怎麼好玩的部落客百傑賽。

小豬老師沒事逛啊逛的發現,竟然在同樣的UDN姊妹系列的新聞閱讀平台,有臉書功能的社群回應,於是提起勇氣跟電家族建言,我們部落格也要。

之後,得到善意的回應,但不知何時工程師才能讓這樣子的心願達成,於是乎,愛玩的我以實驗探討的精神玩玩看,呵呵,原來可以自己做耶!

在部落格中置入臉書的評論,於是乎,本文就命為──「部」(落格)(給)予(放)置評(論)!

來,有興趣的跟著做看看吧!

第一步,需要到製作的網站:

https://developers.facebook.com/docs/plugins/

再將部落格文章的網址先行複製出來。

製作網站上有很多功能,基本上有玩過統讚的朋友應該不會太陌生,找到英文叫「Comments」的超連結按下去。 

接著出現的網頁很友善又簡單,請將剛剛複製的網址貼在第一個URL to comment on中!

你還可以選回應的列數、寬度與背景顏色,最重要的就是要將「Get Code」按下去。

蹦出對話窗就很不友善,你可以選第一個「HTML5」的模式。

 

將第1子視窗的所有內容貼到你的部落格文章(以HTML模式檢視)的最頂端。

而第2部分的程式碼則也需要複製下來!

此時將它們貼到文章中想要呈現的部分,通常放在最後一行之後。

更新後,將將將將~~~~文章中就可呈現出回應功能窗。

擁有臉書的朋友或其他社群的朋友,即可在此對話回應窗直接進行回應,還可以直接引用導入臉書當中,更神奇的是臉書上的回應也會導回來喔!

呵呵,我是愛玩的小豬老師,雖然我不是什麼資訊長才,但我愛分享,也希望大家玩得愉快!

如果可以,請在本篇的後面加以用臉書或社群功能回應之!

愛你喲!小豬老師的叮嚀:

各位親愛的朋友,請在下方的灰色條,按「 f讚」「 分享至Facebook」「 分享至Plurk」,感激不盡!

另外,請進入我的個人參賽頁面後,如下圖找出「+人氣」投我一票,麻煩囉!

我的資訊類個人頁(主強打):

http://iii.xinmedia.com/about-blogger6.jsp?uid=35

( 興趣嗜好電腦3C )
回應 推薦文章 列印 加入我的文摘
上一篇 回創作列表 下一篇

引用
引用網址:https://classic-blog.udn.com/article/trackback.jsp?uid=epig&aid=6559974
 引用者清單(1)  
2012/06/20 18:49 【亞莎崎的{馨鮮逸文苑}^"^~Asagi】 要不要去二樓拍照呢?/三義漫步雲端/亞莎崎的狐狸腳印在台灣/苗栗旅遊

 回應文章

月鑫
等級:8
留言加入好友
報告
2012/06/28 18:25

成功了   開心~~

謝謝小豬老師 

你真是個好老師!!!足感心耶


程如晞
等級:8
留言加入好友
學起來了
2012/06/28 16:46
小豬老師真是一個好人

shine girl
等級:8
留言加入好友
厲害喔!
2012/06/21 12:52
似乎不簡單ㄝ!待我比賽後再慢慢研究囉!


東村James
等級:8
留言加入好友
不錯玩
2012/06/20 23:12

不錯玩。

我還是比賽完再來加好了。呵呵。



Fufuma
等級:8
留言加入好友
好棒!但有看沒懂耶!
2012/06/20 19:32
很棒的資訊!但是對我電腦程式白癡來說,還真的是有看卻看不太懂!要按著做恐怕也要摸索好一陣子,可能還弄不出來吧!我還是等udn工程師來弄吧!
福福樂樂的媽媽

朱晉杰(epig) 於 2012-06-21 05:18 回覆:
福福樂樂的媽媽,這不會太難的,按照圖說慢慢做,應該會做出來的,不過還是希望電家族多加緊腳步,讓我們的部落格也能跟新聞一樣有這功能!

^^亞莎崎|旅遊作家、專題講師
等級:8
留言加入好友
*O*好神奇喔!
2012/06/20 18:51

報告特濃小豬老師~~~

奸笑(呵呵、嘿嘿)狐狸測試完畢。成功Fox oh ya

 


朱晉杰(epig) 於 2012-06-21 05:16 回覆:

哈哈,亞莎崎真的是超厲害的學生

一學就會了

而且還現學現賣喔!

太強了開心(ㄏㄏ、ㄎ、哈)


溫哥華 千里傳音
等級:8
留言加入好友
跟 FB 連結,是無法避免的趨勢
2012/06/20 13:43

比賽過後,我還想在格裡加上 Email 訂閱,RSS 訂閱 以及 Google+

tweeter 玩..

到時,還得請小豬老師多指導

Victor MySpace


[溫哥華 千里傳音]
[AVの館:電老大]

筱 蒨-Lucifer
等級:8
留言加入好友
小豬老師這個資訊不錯
2012/06/20 11:10

可以立刻兩方互動,讓FB與部落格達成同步連線,以前FB好友回蘋果日報文章下的回應,我們在FB上面就可以看到,還可以再回應,原來就是這樣的功能。

不管是統讚區或是這個留言互動功能,您真的是配合部落格百傑的競賽,不斷介紹部落格與FB的互動介面,讓更多人了解,充分利用系統提供的合法功能,資訊類百傑給您才是實至名歸,這比那些污名化我們的部落客強多了,我去看了幾個人的部落格,還不是在那貼上資訊新聞或資訊科技公司的商品介紹而已。

如果把科技公司的產品作介紹,然後貼上人家的商品規格跟說明,再加上幾句自己的眉批就叫「原創性」,別人貼資訊就是抄襲,這種惡霸式的「正義」還真讓人傻眼跟邏輯錯亂了。不過現在看到小豬老師的這個教學文章,更好,讓大家更能在部落格與FB之間做溝通,符合百傑比賽的要求,把部落格與FB結合運用。


選賢與能!支持吳敦義選總統!

溫哥華 千里傳音
等級:8
留言加入好友
先回應 再細讀
2012/06/20 10:05

Victor

搶頭香http://www.emocutez.com


[溫哥華 千里傳音]
[AVの館:電老大]
朱晉杰(epig) 於 2012-06-20 10:07 回覆:

哈哈

恭喜搶得頭香!

也要在臉書的對話回應窗中回應喔!開心(ㄏㄏ、ㄎ、哈)