如何在blogger中插入版权信息

今天终于把版权信息以footer的形式展现在blogger中,成果如下:


研究了半天template的HTML才总算把版权信息在页底显示出来,真是煞费苦心啊~~

这里跟大家分享一下我的经验。总体思路是在footer元素中添加版权信息,但是在我使用的模板中默认footer显示方式是none,并且body中没有相应的footer元素,需要修改footer的显示方式并手动添加footer元素。


  1. 修改footer显示方式

  2. 在head中搜索#footer,可以模板中最初的HTML代码如下
    #footer {
    display:none;
    }


    首先要修改footer的显示方式,将上面的代码修改成

    #footer {
    display:inline;
    }


    这样设置好以后,当在blogger中插入footer元素,footer信息就会显示在相应的区域。


  3. 修改footer-wrapper

  4. 模板自定义的footer-wrapper可能不满足你的要求,你可以自己定制它的外观。
    搜索#footer-wrapper,修改其中的代码以满足你的需求。以下是我修改后的代码,仅供参考:

    #footer-wrapper {
    position:relative;
    clear:both;
    display:block;
    height:1px;
    margin:0;
    padding:0;
    font-size:83%;
    min-height: 42px;
    text-align:center;
    left:2px;
    width:748px;
    background: #889977;
    color: #ffff99;
    }


  5. 在body中添加footer元素

  6. 可以选择<body></body>中的任何位置插入footer元素,但由于我们是添加版权信息,所以一般放在网页的最后。可以把版权信息放在outer-wrapper后面,方法如下:
    搜索,在其之后,添加如下代码:

    <div id='footer-wrapper'>
    <div id='footer'>
    你的版权信息
    </div>
    </div>


好了,这样版权信息就以footer的形式显示在你的blogger中了,你也尝试一下吧?

1 条评论:

  1. 版權信息內輸入“©”php無法保存,不知有否其他解決辦法?

    回复删除