制作自己博客园文章签名

看到园子里很多的前辈在发表自己的文章和想法的时候，文章后面都有一个版权信息的声明，感觉上很是讲究，很想也做一个和前辈们一样的东西，今天也仿着他们的签名做了一个，没有什么突出的地方，效果图如下：

　　这样博客看起来很是新颖，有两种做法：

• 通过博客的签名来设置，你所有的文章后边都会跟上你的签名；
• 通过自己写好的HTML代码在维护你的签名；

　　第一种步骤如下：

　　1.在后台管理界面写随笔的地方，点击左侧的维护签名，起个名字，在“内容”的文本框输入如下信息；　　　　

代码

< div id ="AllanboltSignature" >
< div > 作者： < a href ="http://www.cnblogs.com/allanbolt/" target ="_blank" > 不老神仙 </ a ></ div >
< div > 出处： < a href ="http://www.cnblogs.com/allanbolt/" target ="_blank" > http://www.cnblogs.com/allanbolt/ </ a ></ div >
< div > 本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利. </ div >
</ div >

　　2.点击保存后，设置你喜欢的样式，打开后台管理页面点击“设置”，在“通过CSS定制页面风格”的文本框输入如下：

 

 

代码

#AllanboltSignature
{
border-top : #e0e0e0 1px dashed ;
border-right : #e0e0e0 1px dashed ;
border-bottom : #e0e0e0 1px dashed ;
border-left : #e0e0e0 1px dashed ;
padding-top : 10px ;
padding-right : 10px ;
padding-bottom : 10px ;
padding-left : 60px ;
font-family : 微软雅黑 ;
font-size : 11px ;
background : url(http://images.cnblogs.com/cnblogs_com/allanbolt/226222/o_users_two_warning_48.png) #e5f1f4 no-repeat 1% 50% ;

}
#AllanboltSignature div
{
line-height : 25px ;
}

　　3.这样重新打开你的编辑器，发布你的随笔，就会有选择签名的信息；

 

　　第二种步骤如下：

　　1.在自己的博客相册上传一张由于签名显示的图片，记下它的网络连接地址；

　　2.设置好显示的样式，也就是HTML代码，园子里面的签名代码可以在网页查看源代码中获取到；

　　　园子中的签名HTML代码如下：　　

　　 代码

　　　< div id ="AllanboltSignature" >
< p id ="PSignature" style ="border-top: #e0e0e0 1px dashed; border-right: #e0e0e0 1px dashed; border-bottom: #e0e0e0 1px dashed; border-left: #e0e0e0 1px dashed;
padding-top: 10px;padding-right: 10px;padding-bottom: 10px;padding-left: 60px;
background: url(http://images.cnblogs.com/cnblogs_com/allanbolt/226222/o_users_two_warning_48.png) #e5f1f4 no-repeat 1% 50%;
font-family: 微软雅黑; font-size:11px;" >
< br />
作者： < a href ="http://www.cnblogs.com/allanbolt/" target ="_blank" > 不老神仙 </ a >
< br />
出处： < a href ="http://www.cnblogs.com/allanbolt/" target ="_blank" > http://www.cnblogs.com/allanbolt/ </ a >
< br />
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。
</ p >
　</ div >

　　　3.设置自己喜欢的背景颜色、样式、字体的大小一类东西；　　　

　　　4.在你写完文章后，点击编辑器的HTML代码，在后面加上你的签名，即可；

　　　5.这种做法虽然麻烦一些，但是可以在你想加上签名的随笔上添加，而不是博客全部的东西；

作者： 不老神仙

出处： http://www.cnblogs.com/allanbolt/

本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。