螢幕快照 2019-10-04 20.05.45.png

嘿嘿嘿~不懂程式碼跟語法的O小豬又來了,一樣是不專業的不手殘教學文(好繞舌啊!!)

除了固定在首頁側欄的FB連結外,相信很多人也會希望在文章內出現連結!

尤其是現在大家都會在文章後加句「喜歡請幫我們點讚、分享喔」!

此時如果沒有附個連結,大多數的人通常是不會再跳回首頁點連結的~

但如果只是附個 October Studio 時樂工作室 感覺又好像不是那麼吸引人

所以學會如何嵌入連結絕對是增加粉絲的必要動作。

 

好了~廢話太多,進入教學步驟!!

首先這邊也要教大家兩種不同的樣式~

 

樣式1:直接固定在文章頁首或頁尾,如下圖

O小豬:

優點-方便,設定一次即可。

缺點-放頁首,讀者還未讀文章,讀完喜歡還要跳到最前面按讚。

         放頁尾,痞客邦的頁尾真的超頁尾的,無敵後面

頁首樣圖:

螢幕快照 2019-10-04 20.06.21.png

 

頁尾樣圖:

螢幕快照 2019-10-04 20.05.19.png

 

步驟一:打開「部落格後台」→點選「側欄管理」

螢幕快照 2019-10-04 18.13.21.png

 

步驟二:點選「公告版位」 or 「頁尾描述」

O小豬:想放頁首就選「公告版位」,想放頁尾就選「頁尾描述」,

兩個都內容都是一樣的喔~

螢幕快照 2019-10-04 20.31.10.png

 

步驟三:製作程式碼或語法

開啟下列網址 https://developers.facebook.com/docs/plugins/like-button
1先點選「粉絲專頁外掛程式」→輸入粉絲團網址

螢幕快照 2019-10-04 20.47.21.png

 

 

→調整高、寬

→勾選所需內容(都會有縮圖可以看,選自己喜歡的樣式即可)

→點選「選取程式碼」

螢幕快照 2019-10-04 20.47.36.png

 

→將語法複製到「公告版位」 or 「頁尾描述」的內容中

螢幕快照 2019-10-04 20.57.29.png

 

如果你還想要點讚跟分享的連結,請到下列網址https://developers.facebook.com/docs/plugins/like-button

1先點選「讚按鈕」→輸入粉絲團網址

→勾選所需內容(都會有縮圖可以看,選自己喜歡的樣式即可)

→點選「選取程式碼」

螢幕快照 2019-10-04 21.01.26.png

 

→將語法複製到「公告版位」 or 「頁尾描述」的內容中(兩段語法,記得換行喔~)

螢幕快照 2019-10-04 21.04.08.png

 

這樣固定式的連結就完成了!!

 

接下來要教大家將FB跟按讚連結放在文章的最後,

這樣讀者看完文章就可以順手點讚囉。

但缺點是每篇文章都要設定一次!!

跟剛剛的方式有一點點像,但有幾個地方是不同的,要注意看喔!!!

 

螢幕快照 2019-10-04 20.05.45.png

步驟一:製作程式碼或語法

開啟下列網址 https://developers.facebook.com/docs/plugins/like-button
1先點選「粉絲專頁外掛程式」→輸入粉絲團網址

螢幕快照 2019-10-04 20.47.21.png

 

→調整高、寬

→勾選所需內容(都會有縮圖可以看,選自己喜歡的樣式即可)

→點選「選取程式碼」

螢幕快照 2019-10-04 20.47.36.png

 

注意!!!!!

→點選「IFrame」→複製語碼到記事本

螢幕快照 2019-10-04 21.15.57.png

 

點讚按鈕也是一樣,按照固定式的方式製作程式碼後,到「IFrame」複製語碼到記事本,

兩段語法記得要換行喔!!

螢幕快照 2019-10-04 21.21.26.png

 

步驟二:打開「部落格後台」→點選「發表文章」→點選「原始碼」

→複製記事本中的兩段語法→在文章最末處貼上

螢幕快照 2019-10-04 21.27.52.png

 

呼~這次文章內的兩種樣式大家都試成功了嗎?

O小豬在試的時候也花了點時間研究,而且因為網路上的文章都是比較舊的,

有些欄位、格式等等都不一樣了,所以O小豬才會決定寫一篇新的。

希望不要太快改版,可以幫到大家~

喜歡請幫我們點讚、分享、追蹤、訂閱喔!

arrow
arrow
    創作者介紹
    創作者 O.S. 的頭像
    O.S.

    October Studio 時樂工作室

    O.S. 發表在 痞客邦 留言(0) 人氣()