制作自己博客园文章签名

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

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

  • 通过博客的签名来设置,你所有的文章后边都会跟上你的签名;
  • 通过自己写好的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.这种做法虽然麻烦一些,但是可以在你想加上签名的随笔上添加,而不是博客全部的东西;

posted @ 2009-12-30 08:43  岩仔  阅读(2475)  评论(11编辑  收藏  举报