为帖子里的 Facebook 赞 增加两种框框（ 只限增加了 Facebook 赞的部落格 ）

第一次写教程希望你们看得明白 XD

成功不成功都请留个言让我知道 ，谢谢 ~

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

第一种

效果 ：

首先到信息中心 - 设计 - 修改HTML - 扩展窗口小部件模板打勾

CTRL+F找<div class='post-header-line-1'/>

然后把以下代码

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

替换成 

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:3px solid #000000; overflow:hidden; width:262px; height:34px'/>

红色字 ：框框的粗细

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

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

框框的种类 ：

第二种

效果 ：

也是到信息中心 - 设计 - 修改HTML - 扩展窗口小部件模板打勾

CTRL+F找<div class='post-header-line-1'/>

然后把以下代码

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

替换成

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' 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;

overflow:hidden; width:262px; height:34px'/> 

红色字 ：框框的粗细

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

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

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

框框的类型 ：

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;