樂于分享
好東西不私藏

搜狐暢言評論系統去廣告美化代碼

一般的站點創建完成后,為了方便用戶評論管理通常都會接入并使用第三方的評論系統,但是2017又是多事之秋的一年,網盤一個接著一個的倒,第三方評論平臺也是緊跟著炸開了鍋,多說、網易云跟帖、評論啦、燈鷺等全都成為了過去式,目前國內剩下的也就只有搜狐暢言了,國外的disqus被墻在了外頭也派不上用場。這些平臺的倒下最苦逼的就是一些個人站長了,原先的評論都是儲存在第三方平臺的,評論數據找回就很麻煩了,其實評論都默認可以導出的,均是通過接口對每一條評論都自己返回本地入庫,但寫接口就比較麻煩了,本來大家使用第三方評論就是圖個方便,這下好了,數據導出就夠忙活的了!

本站從備案后就一直使用的是搜狐的暢言評論系統,畢竟老夜也想省點懶,用著沒消停幾天暢言就冷不丁的開始收費了,一家獨大收費是遲早的,但是一個月99元的去廣告費用相信一些個人站長是支付不起的,雖然有廣告不影響功能的使用,但是“占地面積”是不是有點大了!

沒錯!就是上圖三室一廳辣么大。老夜作為強迫癥是受不了的,目前第三方評論紛紛倒閉,只剩暢言一家獨大,但是誰又能保證暢言還能“長生不老”呢!?使用第三方評論系統有利有弊,對于老夜來說,對第三方評論系統的擔心已經大過它帶來的優勢了。所以很干脆的回歸原始,開始用默認的評論系統的,數據都儲存在自己的服務器內還是有安全感的。

又是半天的廢話,目前老夜得知還是有很大一部分的站長還在使用暢言的,或許一直在等他醒悟然后乖乖的把廣告撤了!然而這是不可能的,這里帶著大家隨意的分析一番,首先我們打開帶有暢言評論的一篇文章,然后F12或者ctrl+shift+i來查看當前頁面的屬性,很不巧,這里一不小心就找到了廣告的css樣式了,就是這個#feedAv屬性,所以接下來只需對#feedAv下手就行了。

代碼如下:

#feedAv{ 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;}

上面的代碼不僅去除了廣告還順便把評論框也順帶美化了一番。

如果不想改變樣式,只想去廣告,用下一句代碼

#feedAv{ margin-top: -250px!important;transform: scale(0);}

以上代碼來自于互聯網,轉載得挺兇的,就是不知道親媽是誰,歡迎前來認領。

美化去廣告后效果圖:

會css的可根據自己能力進行二次修改,利益當道代碼隨時都會失效,長期安穩建議及時脫坑吧。默認評論系統還是挺好用的,老夜一直想再把評論系統優化優化,但是苦于沒時間。哪天折騰好了就再寫篇文章分享出來吧~~

 

 

本站文章均為手工撰寫未經允許謝絕轉載:夜雨聆風 » 搜狐暢言評論系統去廣告美化代碼
支付寶掃碼打賞 微信打賞

如果文章對您有幫助,歡迎移至上方按鈕打賞……

評論 4

  • 昵稱 (必填)
  • 郵箱 (必填)
  • 網址

  1. #3

    暢言css去廣告無效,看看這個 https://liuxiaojun.win/2019/07/10/%E7%95%85%E8%A8%80%E5%8E%BB%E5%B9%BF%E5%91%8A/

    lxj6個月前 (07-10)Windows NT | Chrome 75.0.3770.90回復
    • 老夜

      感謝補充

      老夜6個月前 (07-12)Windows 7 | Chrome 73.0.3683.103回復
  2. #2

    gdrgf

    份額1年前 (2018-10-10)Windows NT | 搜狗瀏覽器 2.X回復
  3. #1

    5616418

    1651561年前 (2018-09-23)Windows NT | Chrome 69.0.3497.100回復
×
訂閱圖標按鈕
羽毛球馆地板