zoukankan      html  css  js  c++  java
  • Blogs实现侧边公告栏设置

    说明:只需要在博客侧边栏公告(支持HTML代码) (支持 JS 代码)里面添加如下代码

    #1、博客运行时长统计

    <!--博客运行时长显示开始--!>
    <div id="showsectime"></div>
    <script type="text/javascript">
      function NewDate(str) { 
        str = str.split('-'); 
        var date = new Date(); 
        date.setUTCFullYear(str[0], str[1] - 1, str[2]); 
        date.setUTCHours(0, 0, 0, 0); 
        return date; 
       } 
      function showsectime() {
        var birthDay =NewDate("2017-03-28");    //这里填写博客注册时间
        var today=new Date();
        var timeold=today.getTime()-birthDay.getTime();
        var sectimeold=timeold/1000
        var secondsold=Math.floor(sectimeold);
        var msPerDay=24*60*60*1000; var e_daysold=timeold/msPerDay;
        var daysold=Math.floor(e_daysold);
        var e_hrsold=(daysold-e_daysold)*-24;
        var hrsold=Math.floor(e_hrsold);
        var e_minsold=(hrsold-e_hrsold)*-60;
        var minsold=Math.floor((hrsold-e_hrsold)*-60); var seconds=Math.floor((minsold-e_minsold)*-60).toString();
        document.getElementById("showsectime").innerHTML = "运行时长:"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒";
        setTimeout(showsectime, 1000);
      }showsectime();
    </script>
    <!--博客运行时长显示结束--!>

    #2、显示当前时间小人、插入二维码和个人信息

    <!--显示时间小人开始--!>
    <hr>
    <embed allowscriptaccess="never" allownetworking="internal" invokeurls="false" src="https://files.cnblogs.com/files/mmzs/flashDate.swf"
    pluginspage="https://files.cnblogs.com/files/mmzs/flashDate.swf" type="application/x-shockwave-flash" quality="high" autostart="0" wmode="transparent" width="220"
    height="65" align="middle">
    </div>
    <!--显示时间小人结束--!>
    
    <!--插入二维码、个人信息开始--!> <div style="text-align:center" width="220" height="220"><img src="https://files.cnblogs.com/files/l75790/xx.gif" width="220" height="220" /></div> <div style="text-align:center" width="220" height="220">   <p class="para">关于我:<strong>李奎~</strong></p>   <p class="para">微信:Kinging9187</p> </div> <!--显示个人信息结束--!>

     #3、实现下面公告菜单内容居中显示

    <!--代码如下--!>
    #profile_block {
        font-size: 15px;
        padding-top: 1px;
        padding-left: 83px;
        line-height: 1.5;
    }
  • 相关阅读:
    JBoss+Ant实现EJB无状态会话bean实例
    Nginx简单介绍
    SVN版本号管理工具使用中常见的代码提交冲突问题的解决方法
    深入分析Java中的I/O类的特征及适用场合
    ZOJ 3689 Digging(贪心+dp)
    uva 10641 (来当雷锋的这回....)
    Java编程中“为了性能”尽量要做到的一些地方
    wikioi 1306 机智Trie树
    PE文件结构(三) 输入表
    初始化的数值(int、double等)(一)
  • 原文地址:https://www.cnblogs.com/l75790/p/12840112.html
Copyright © 2011-2022 走看看