畅言去广告代码

博客重新翻新了一番,放了一段时间后,正准备启用,结果发现使用第三方的评论系统搜狐畅言,竟然有广告了,而且还是很恶心的评论框下方广告和网页右下角广告都有。看了一下去广告价格,惹不起惹不起。

由于博客挂在Github上,没有独立的服务器,然后其他的第三方评论系统关的关,墙的墙,没什么比较好的可以用。所以畅言用还是要用的,广告也还是要去的。

网上搜罗加自己分析了一下,有如下代码可用:


这是一个路径

1
2
/* 畅言评论广告隐藏 */
#feedAv{ margin-top: -250px!important;transform: scale(0);}

1
2
/* 畅言右下角广告隐藏 */
#pop_ad{ margin-top: -250px!important;transform: scale(0);}
/* 评论框美化 */  
.module-cmt-box{padding:10px 16px!important;}
.header-login{left: 746px!important;border: 0!important;border-radius: 0!important;}
.post-wrap-border-t-r,.post-wrap-border-t-l,.post-wrap-border-r,.post-wrap-border-l{display:none;}
.post-wrap-main{border:0!important;}
.post-wrap-w{background:#f0f0f0;border-radius:5px;box-shadow: 0 2px 6px rgba(0,0,0,.2)}
.btn-fw{background:#5fb878 url(https://static.krnet.cc/skin/images/release.svg)center no-repeat !important;width:60px !important; height:60px !important;border-radius:70px;important;margin-top:-5px!important;margin-right:40px!important;background-size:30px !important;box-shadow: 0 2px 6px rgba(0,0,0,.2);-webkit-transition:.3s;transition:.3s}
.btn-fw:hover{box-shadow: 0 6px 10px rgba(0,0,0,.2);}
.block-head-w{margin-top:-20px !important;}
.section-service-w{height: 0px;opacity: 0;}
.head-img-w{margin:0px 0 0 0 !important;}
.head-img-w img{width:50px !important;height:50px !important;}
.head-img-w{top:115px!important;left:-0px!important;}
.wrap-action-gw{border-bottom:1px solid #dee4e9 !important;padding-top:30px!important;}
.wrap-action-gw span,.wrap-action-gw i,.type-lists,.cmt-list-number,.title-name-gw-tag,.wrap-name-w{display:none!important;}
.cmt-list-type{margin:0!important;}
.build-floor-gw{background:#f0f0f0 !important}
.block-cont-gw{padding:20px 0 !important;border:0 !important;}
.section-list-w{width:95%!important;margin-left:2%!important;}

使用方法:在theme/source/css/_common/components/post/post.styl中追加如上代码即可。
前面两个根据div的id,把广告显示隐藏掉。
最后一段是把评论框美化一下。美化后的效果:

如果不想改变样式,只想去广告,就用上面两句就行了。
以上美化部分的代码摘自夜雨聆风

0%