这是我空闲时研究出来的 FB Like Box , 转载请注明
<center><a href="http://kumiiko1996.blogspot.com/" target="_blank"><img src="http://4.bp.blogspot.com/-98c4fk0KMyo/TyOa6c9bZ6I/AAAAAAAAFdA/2n-BmVscpSY/s1600/th_1354343+copy.png" /></a></center>
只是加了些美化代码,FB 专业 Like Box 就变成这样
Find Me Here , Yνonne 魚兒
对不对 ? 不对的话就是你添错了
好了后就按 Get Code , 选择第三个格子 IFRAME
先不要 Copy 代码 , 也不要关掉那个网页
开 New Tab 去 www.blogspot.com
登入部落格 > 设计 > 新增小工具 > Html / JavaScript
<center><div style="height:90px;width:175px;-moz-border-radius: 5px;border-radius: 5px;color:#000000;border:1px solid #000000;background:url('图片网址')">字体内容 @ FB Like Box 代码</div></center>
图片网址
是你的背景图片 , 请记得更换
若想要颜色背景 , 那就把 url('图片网址') 换成 #ffffff
字体内容
是处于最上端的字 , 若不要放可以选择把它删除掉
FB Like Box
代码就是刚刚的 IFRAME 代码
打开回去那个网页 , 把代码 copy 了代替 FB Like Box 代码
@
因为 @ 只是个隔离符号,我怕你们弄乱所以放了个 @ 进去
在按 SAVE 前记得把它删除掉 , 否则你会看到一个 @ 的符号
height:90px;width:175px;
这个是框框的高度 & 长度
若 Like Box 不符合框框 , 请自行更改
倘若仍然不明白 , 可以参考以下
我把每一段代码都 label 起来了 :3
最后的效果将变成
关于 Facebook 教程
Welcome Tab App ( FB Page )
在帖子里添加 Facebook Like ( Blog Template )
在帖子里添加 Facebook Like ( Blogskin )
拿去用了哦 :D
回覆刪除