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;
    }
  • 相关阅读:
    JAVA导出EXCEL表格
    解决springboot配置@ControllerAdvice不能捕获 NoHandlerFoundException问题
    Mysql 查看定时器 打开定时器 设置定时器时间
    IDEA @Autowired 出现红色下划线 报红
    IntelliJ IDEA报warn class is never used
    UML类图符号 各种关系说明以及举例
    提升单元测试体验的利器--Mockito使用总结
    maven2中snapshot快照库和release发布库的应用
    Maven最佳实践-distributionManagement
    访问GitLab的PostgreSQL数据库
  • 原文地址:https://www.cnblogs.com/l75790/p/12840112.html
Copyright © 2011-2022 走看看