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;
}
原文地址:https://www.cnblogs.com/l75790/p/12840112.html