Facebook 粉丝框 2015 全新改版,来帮部落格放一

浏览量592 点赞346 2020-05-21

Facebook时常改版,身为网站经营者的你也不能错过Facebook粉丝团的外挂工具「Facebook Box 粉丝框」,现在这个粉丝框居然要改版了,行之多年的就版Facebook粉丝框,从最早期的iframe语法、FBML语法到HTML5语法,现在要全面汰旧换新,改成全HTML5语法并搭配新版样式,新版样式更增添了Facebook Cover封面图,让你整个小工具显得更有质感。

新版的语法一旦全面强迫更新,对于许多喜欢在内文塞粉丝团的用户应该是一个莫大的打击,因为得一篇篇去将语法拿掉,否则那些FB粉丝框是全数失效无法显示。不过Facebook粉丝框早期用iframe好处是比较不影响网页载入,现在全数改为Javascript+HTML5,可能未来常常会有延迟载入的状况,因为Facebook常常会等全站资源载入完毕后才显示出他的外挂工具。

很久很久以前香肠写过「如何在部落格放Facebook粉丝框?」,其实新版的放置方法也差不多,有别于iframe语法变成两段语法(如果你早就用过HTML5版本,你就不陌生),如果懒人可以把语法通通塞在同一个地方,如果你是比较严谨的朋友,则可以将另一段语法放到网页最底端。如果你是使用BSP部落格的朋友,像是痞客邦、天空、Xuite,可能就比较无法弹性的分段放置,建议是通通塞入侧边栏。

Facebook 粉丝框 2015 全新改版,来帮部落格放一

下午看到有新版,立刻替工作室的网站「阿肠网页设计工作室」改版并换上新版粉丝框,感觉整个很有质感的FU,还没换新版的Facebook粉丝框语法吗?赶快来行动啰!

旧版官方停止服务讯息

根据Facebook官方消息来源,原先旧版的Like Box的脸书粉丝框工具将于2015年6月23日停止使用。所以使用者必须手动更新此外挂,将语法提早更新为新版本,否则到期后可能就无法使用了。

Facebook 粉丝框 2015 全新改版,来帮部落格放一

这是旧版的粉丝框样式,即将于2015年6月23日被新版取代掉啰!

Facebook 粉丝框 2015 全新改版,来帮部落格放一

帮部落格换上新版Facebook粉丝团框框

网站名称:Facebook Page Plugin网站网址:按这里

第1步   首先来到新版Facebook Page Plugin,输入粉丝团的网址并设定高宽,即可点选﹝Get Code﹞产生语法。

Facebook Page URL:粉丝团网址Width:宽度Height:高度Hide Cover Photo:隐藏粉丝团封面图Show Friends’s Face:显示粉丝头像Show Page Posts:显示粉丝团最新贴文

Facebook 粉丝框 2015 全新改版,来帮部落格放一

第2步  接着选择「APP ID」与「Language」,然后下方会有两段语法。

APP ID:选择FB的APP ID,如果尚未建立请参考FB APP ID建立教学。Language:语言,选择【Traditional Chinese(Taiwan)】。

Facebook 粉丝框 2015 全新改版,来帮部落格放一

第3步  以WordPress用户来说,建议把上面「程式码1」的语法贴到版型里面的「footer.php」档案中,约莫在「」标籤之前的位置。

Facebook 粉丝框 2015 全新改版,来帮部落格放一

第4步  接着来到你放粉丝框语法的位置,替换掉旧版语法。例如我们放在侧边栏,那可以直接新增「文字小工具」,然后贴上上方的「程式码2」语法并点选﹝储存﹞。

Facebook 粉丝框 2015 全新改版,来帮部落格放一

第5步  回到网页前端看,是不是就换成新版了呢?

Facebook 粉丝框 2015 全新改版,来帮部落格放一

第6步  如果其他非WordPress的网站,其时可以将「程式码1」和「程式码2」一起贴到要显示的位置,也可以正常呈现,放上新版的Facebook粉丝框,是不是蛮酷的呢?(以下是阿肠网页设计工作室官网)

Facebook 粉丝框 2015 全新改版,来帮部落格放一