看到园子里很多的前辈在发表自己的文章和想法的时候,文章后面都有一个版权信息的声明,感觉上很是讲究,很想也做一个和前辈们一样的东西,今天也仿着他们的签名做了一个,没有什么突出的地方,效果图如下:
这样博客看起来很是新颖,有两种做法:
- 通过博客的签名来设置,你所有的文章后边都会跟上你的签名;
- 通过自己写好的HTML代码在维护你的签名;
第一种步骤如下:
1.在后台管理界面写随笔的地方,点击左侧的维护签名,起个名字,在“内容”的文本框输入如下信息;
![ExpandedBlockStart.gif](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
<
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 >
< 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定制页面风格”的文本框输入如下:
![ExpandedBlockStart.gif](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
#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 ;
}
{
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代码如下:
![ExpandedBlockStart.gif](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
<
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 >
< 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.这种做法虽然麻烦一些,但是可以在你想加上签名的随笔上添加,而不是博客全部的东西;
作者:
不老神仙
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。