FB Page Like Box ( 原创 )


这是我空闲时研究出来的 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 魚兒

填写你的 FB Page 网址

除了你的 FB Page URL , 其他的请根据以下资料填写



若你根据了以上资料填写 , 你的 Like Box 酱会变成


对不对 ? 不对的话就是你添错了

好了后就按 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 )






1 則留言: