为面子书“赞我部落格”的按钮增加两种框框 （ 只限已添加面子书 “ 赞我部落格 ” 按钮的部落格 ）

注意 ：此教程不能转载 ，请合作 ，谢谢 。

第一种

效果 ：

首先打开你已经添加好的面子书“赞我部落格”按钮HTML/Javascript

然后把一下代码

<iframe src="http://www.facebook.com/plugins/like.php?href=你的博客网址&layout=standard&show_faces=true&width=225&action=like&font=arial&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:80px;" allowtransparency="true"></iframe></div>

替换成

<iframe src="http://www.facebook.com/plugins/like.php?href=你的博客网址&layout=standard&show_faces=true&width=225&action=like&font=arial&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:3px solid #000000; overflow:hidden; width:262px; height:30px;" allowtransparency="true"></iframe>

橙色字 ：你的博客网址

红色字 ：框框的粗细

粉红色字 ：框框的种类（框框的种类请往下看）

蓝色字 ：颜色代码（颜色代码请看这里）

框框的种类 ：

第二种

效果 ：

也是把一下代码

<iframe src="http://www.facebook.com/plugins/like.php?href=你的博客网址&layout=standard&show_faces=true&width=225&action=like&font=arial&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:80px;" allowtransparency="true"></iframe></div>

替换成

<iframe src="http://www.facebook.com/plugins/like.php?href=你的博客网址&layout=standard&show_faces=true&width=225&action=like&font=arial&colorscheme=light&height=80" scrolling="no" frameborder="0" style="-moz-border-radius: 1em 4em 1em 4em;

border-radius: 1em 4em 1em 4em;

border-top: 2px solid #000000;

  border-left: 2px solid #000000;

  border-right: 2px solid #000000;

  border-bottom: 2px solid #000000;

margin:0 0 1.5em;

  padding:7px 10px 7px 10px; overflow:hidden; width:265px; height:30px;" allowtransparency="true"></iframe>

橙色字 ：你的博客网址

红色字 ：框框的粗细

粉红色字 ：框框的种类（框框的种类请往上看）

蓝色字 ：颜色代码（颜色代码请看这里）

紫色字 ：框框外面的类型（框框的种类请往下看）

框框的类型 ：

Example A

-moz-border-radius-bottomright: 50px;

border-bottom-right-radius: 50px;

Example B

-moz-border-radius-bottomright: 50px 25px;

border-bottom-right-radius: 50px 25px;

Example C

-moz-border-radius-bottomright: 25px 50px;

border-bottom-right-radius: 25px 50px;

Example D

-moz-border-radius: 1em 4em 1em 4em;

border-radius: 1em 4em 1em 4em;

Example E

-moz-border-radius: 25px 10px / 10px 25px;

border-radius: 25px 10px / 10px 25px;

Example F

-moz-border-radius: 35px;

border-radius: 35px;