[Emlog教程] Emlog文章内页无插件实现快捷按钮工具

首先在echo_log.php合适位置添加如下代码:

<divclass="log_a">
<spanclass="zd_1"><ahref="#comments"><iclass="fa fa-comment"></i> 评论一下</a></span>
<spanclass="zd_2"><ahref="图片地址"><iclass="fa fa-yen"></i> 赞助本博</a></span>
<spanclass="zd_3"><ahref="http://user.qzone.qq.com/1031049549"target="_blank"><iclass="fa fa-android"></i> 关注空间</a></span>
<spanclass="zd_4"><ahref="http://wpa.qq.com/msgrd?v=3&uin=1031049549&site=qq&menu=yes"><iclass="fa fa-qq"></i> 联系站长</a></span>
</div>

之后增加CSS样式:

/*---文章页面自定义--*/
.log_a{text-align:center;width:100%;margin:30pxauto10px;height:45px;}
.log_a .zd_1{display:inline-block;color:#fff;background:#5cb85c;font-size:14px;padding:10px20px;font-weight:bold;box-shadow:004px1px rgba(0,150,0,0.3);border-radius:4px;background-image: linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-size:30px30px;}
.log_a .zd_2{display:inline-block;margin-left:20px;color:#fff;background:#799ca9;padding:10px20px;font-size:14px;font-weight:bold;box-shadow:004px1px rgba(0,150,0,0.3);border-radius:4px;background-image: linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-size:30px30px;}
.log_a .zd_3{display:inline-block;margin-left:20px;color:#fff;background:#573b69;font-size:14px;padding:10px20px;font-weight:bold;box-shadow:004px1px rgba(0,150,0,0.3);border-radius:4px;background-image: linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-size:30px30px;}
.log_a .zd_4{display:inline-block;margin-left:20px;color:#fff;background:#63A8DF;padding:10px20px;font-size:14px;font-weight:bold;box-shadow:004px1px rgba(0,150,0,0.3);border-radius:4px;background-image: linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-size:30px30px;}
.log_a .zd_1 a,.zd_2 a,.zd_3 a,.zd_4 a{color:#fff}
.zd_1:hover,.zd_2:hover,.zd_3:hover,.zd_4:hover{background:#00aff0;cursor:pointer;background-image: linear-gr