Photo


I'm Wei

Traveler / Photographer / Designer

旅行除了美麗的風景,最重要的是途中發生的點點滴滴,唯有照片與文字的交織,才能讓美麗的回憶不朽。這本部落格是份珍貴的禮物,獻給多年後的自己,有那麼一天,曬著午後慵懶的日光,溫習當年青春的味道。部落格取名為 Dribs & Dribs,為 "點點滴滴" 之意。

 

▸ Facebook:Dribs & Drabs

▸ Instagram:dribs__drabs

▸ Mail:weilife.blog@gmail.com

▸ Pixnet訂閱:weilife

最近痞客邦又做了一些改變了,大家有發現嗎?最明顯的是之前刪除文章底部的廣告又出現了,剛剛研究了一下試出解法,分享給大家,順便整理一下其他廣告的刪除語法(適用電腦版版面,手機板不適用)。歡迎利用網址轉貼分享,勿直接複製語法分享!

 

► 刪除右側訂閱特輯  //  CSS  //  更新:2017-06-02

► 放置位置(以下擇一):CSS原始碼

#web_push{display:none !important;}

 

► 刪除最上方邀請您追蹤痞客邦  //  CSS  //  更新:2017-01-07

► 放置位置(以下擇一):CSS原始碼

.sendpulse-bar.sendpulse-prompt{display:none !important;}

 

► 刪除文章內文底部創作者介紹  //  CSS  //  更新:2017-01-05

► 放置位置(以下擇一):CSS原始碼

.author-profile{display:none}

 

► 刪除文章右側浮動廣告  //  CSS  //  更新:2016-12-19

► 放置位置(以下擇一):CSS原始碼

.ppiiad-dt-stick{display:none !important;}

 

► 刪除文章底部廣告  //  JavaScript  //  更新:2016-03-12

► 放置位置(以下擇一):側欄、頁尾描述

<script type="text/javascript">

    var ARTICLE_MAIN = document.getElementById("article-main");

    if(ARTICLE_MAIN){

        var ARTICLE = document.getElementsByClassName("article-body");

        var AD = ARTICLE[0].getElementsByTagName("div");

        var N = AD.length;

        AD[N-5].outerHTML = "";

    }

</script>

ps. 這段語法請勿放在公告欄位裡,會無效!若語法無效,請修改以上紅色的數字,因個人安裝不同APP所以數字會不同。若廣告刪除後文章下方會留一段空白,也請把紅色數字上下作微調,直到空白消失。

 

► 刪除文章留言處廣告(第四則留言後方)  //  CSS  //  更新:2015-12-11

► 放置位置:CSS原始碼

#comment-text>div{display:none;}

#article-main .page {display:block!important}

 

► 刪除文章底部以可能會有興趣的文章  //  CSS  //  更新:2015-11-26

► 放置位置:CSS原始碼

.pix-related-post{display:none;}

 

► 刪除側欄MIB廣告  //  CSS  //  更新:2016-02-22

► 放置位置:CSS原始碼

#links-row-1 .box:nth-child(1){display: none !important;}

 

► 刪除部落格上方快捷功能BAR  //  CSS  //  更新:2015-11-26

► 放置位置:CSS原始碼

.topbar-placeholder{display: none;}

 

♥ 部落格樣式 - 實用教學: http://weilife.pixnet.net/blog/category/1358731

創作者介紹

Dribs & Drabs 點點 滴滴

Dribs & Drabs 發表在 痞客邦 PIXNET 留言(121) 人氣()


留言列表 (121)

發表留言
  • 訪客
  • 你好,下方廣告的確消失了,但卻出現一大塊空白,請問該如何解決這問題呢?謝謝:)
  • 嗨,你好,我試是沒這個問題,可以給我網址嗎?

    Dribs & Drabs 於 2015/11/27 08:40 回覆

  • 記住我是貓妹
  • 妳懂的語法教學很多
  • 是自己慢慢摸索的 :D

    Dribs & Drabs 於 2015/11/27 21:54 回覆

  • 悄悄話
  • 寒 冰
  • 太厲害了!感謝你:D
    我的瀏覽器有擋廣告插件,對下方的空白困惑幾天了,一直沒會意過來是怎回事XDD原來是廣告又出現了,但被插件擋掉,只留下空白
  • 不客氣 :)

    Dribs & Drabs 於 2015/11/30 11:26 回覆

  • DearNaNa
  • 我放在側邊欄位,數字是4
    也成功了!!
    大感謝~~~
  • 昨天有再修改了語法,應該不用再手調數字,若有需要可以重新套用 :)

    Dribs & Drabs 於 2015/11/30 11:28 回覆

  • Jasmine
  • 謝謝 Wei 大的語法提供!
    逕自多出來的廣告真的很礙眼,現在又乾淨了。
    大感謝!
  • 不客氣 :)

    Dribs & Drabs 於 2015/11/30 19:22 回覆

  • Jasmine

  • Wei 大,稍晚發現一個問題欸......

    近期的文章那塊空白是消除了沒錯,
    可是翻到久一點的舊文章 (2014八月以前),
    居然那一大塊空白依然存在?! (搔頭)
    明明是同一個部落格,為什麼語法影響會產生差異呢?
  • 我昨天有修改語法,請問你是套用最新的嗎?

    Dribs & Drabs 於 2015/11/30 22:29 回覆

  • Jasmine

  • 報告Wei大,是今天下午才來您的部落格借語法回家用的。
    問題是,一開始翻幾篇新的文章,空白都消失了,
    非常安心愉快地認為煩惱解決。

    直到剛剛晚上更新某篇去年舊文章的資訊補充後,
    跳到前台看成果,才發現此一問題。

    日期新一點的文章確實空白都不見了,
    但大概去年2014八月前的文章,翻了幾篇皆仍有那塊礙眼的空白。
    奇怪明明是同一個部落格,為何語法效力會產生落差? (搔頭)

  • 可能跟文章內容比較有關,我以前的文章沒有這個問題,方便的話可以留網址給我,這樣比較容易檢查問題

    Dribs & Drabs 於 2015/12/01 09:25 回覆

  • Danny
  • 再多的言語,也不能表達我對您的敬意和謝意。

    但我還是想說聲,謝謝您,謝謝您無私的分享。
  • 不客氣 :D

    Dribs & Drabs 於 2015/12/01 22:39 回覆

  • 悄悄話
  • chiayuu
  • 太感謝你了!!! 超強!
  • 不客氣 :)

    Dribs & Drabs 於 2015/12/03 11:50 回覆

  • 悄悄話
  • 91s
  • <script type="text/javascript">
    var ARTICLE_MAIN = document.getElementById("article-main");
    if(ARTICLE_MAIN){
    var ARTICLE = document.getElementsByClassName("article-body");
    var AD = ARTICLE[0].getElementsByTagName("div");
    var N = AD.length;
    AD[N-4].innerHTML = "";
    }
    </script>

    我使用這個語法文章下方廣告還是在耶^^
  • 請問目前的部落格有套用嗎? 語法放在哪裡?
    需要你將部落格套用語法我才能知道問題在哪裡

    Dribs & Drabs 於 2015/12/06 16:42 回覆

  • 91s
  • 我是放在我的ccs原始碼最下面
    請問這樣對嗎?

  • 不對喔!!! 教學裡面有寫說要把語法放在哪裡

    Dribs & Drabs 於 2015/12/06 16:53 回覆

  • 91s
  • 我找不到耶
    刪除文章底部廣告 // JavaScript // 放置位置(以下擇一):側欄、公告區塊、頁尾描述 //
    是在我的CCS裡面嗎?

    ^^ 謝謝回復 
  • 放置位置(以下擇一):側欄、公告區塊、頁尾描述

    Dribs & Drabs 於 2015/12/06 17:20 回覆

  • 91s
  • 好感動喔~~~原來是我自己眼殘XDDDDD

    終於可以了︿︿

    另外想請問很久以前可以設定在文章底部有您可能會有興趣文章都是顯示自己的文章,但現在都是顯示廣告文章居多,偶爾才有自己的,請問要如何設定呢?
    我已經貼了您的語法,現在是都不會出現有興趣的廣告文章了
    但是我想讓它顯示只有自己的文章︿︿
    謝謝
  • 現在痞客邦好像不能設定顯示自己的相關文章,但有一個外掛可以,有興趣的話可以google一下教學 - linkwithin,等我有時間可以來弄一篇教學 :)

    Dribs & Drabs 於 2015/12/06 17:55 回覆

  • 91s
  • 好的 謝謝你喔^^
  • 不客氣 :)

    Dribs & Drabs 於 2015/12/06 19:35 回覆

  • shu
  • 成功了!!非常謝謝您每回的分享 總是獲益良多><
  • 不客氣,很高興有幫到你 :)

    Dribs & Drabs 於 2015/12/07 14:50 回覆

  • 悄悄話
  • 海洋貓
  • 成功了~大大實在太厲害了
    感謝你!!
  • 不客氣 :)

    Dribs & Drabs 於 2015/12/25 08:51 回覆

  • Mandy
  • 很實用 感謝!
  • 不客氣 :)

    Dribs & Drabs 於 2015/12/27 08:32 回覆

  • maxine 小可姊姊
  • 您好~~~我有把文章底部的廣告刪掉,但那個留言的廣告還是沒刪掉,我發現我的是在第四則後面ㄝ~這樣語法有差嗎??謝謝~~~
  • 我看到你已經成功了!

    Dribs & Drabs 於 2015/12/29 19:56 回覆

  • maxine 小可姊姊
  • 喔~然後官方那個你可能喜歡我也刪不掉orz
  • 我看到你已經成功了!

    Dribs & Drabs 於 2015/12/29 19:56 回覆

  • BIBO
  • 謝謝你的分享~ 不過我刪除廣告後一樣有一大塊空白
  • :)

    Dribs & Drabs 於 2015/12/31 20:11 回覆

  • BIBO
  • 後來成功了!! 大感謝!!!
  • 恭喜 ! :)

    Dribs & Drabs 於 2015/12/31 20:11 回覆

  • 千流風
  • Wei姊:
    我使用簡單文字記錄版型
    語法另有部落格閒置美化、浮動式自訂連結區塊、隱藏你可能會有興趣的文章、首頁模式不顯示你可能會有興趣的文章、美化你可能會有興趣的文章、隱藏側欄1、刪除文章留言處廣告

    再放入隱藏部落格上方快捷功能BAR的語法後

    上方快捷功能BAR白底的部分不見了
    功能列本身都還在
    不知道是語法問題還是我塞太多互相干擾了?
  • 嗨 千流風
    這個版型,上方白色的底本來就是用快捷功能BAR某一塊做出來的,所以若隱藏快捷功能BAR的話白色底教會消失,這個版型不建議隱藏喔!

    Dribs & Drabs 於 2016/01/03 13:20 回覆

  • 千流風
  • PS.我測試發現白底會不見就暫時沒用隱藏部落格上方快捷功能BAR的語法
  • OK

    Dribs & Drabs 於 2016/01/03 13:20 回覆

  • 丸玩玩
  • 你好
    請問我想刪除MIB廣告,依照你的指示,將側欄元件都從1移至2
    結果那些元件都顯示在目前我使用在上方文章分類的欄位裡面
    請問是我哪裡做錯了嗎?謝謝
  • 你套用的版面使用到兩個側欄,要刪除MIB廣告請參考本文提到Link這篇教學的語法

    Dribs & Drabs 於 2016/01/06 21:38 回覆

  • 丸玩玩
  • 抱歉,我一直以為我是只使用一個側攔XDDD
    解決了,,非常感謝!
  • 恭喜 :D

    Dribs & Drabs 於 2016/01/07 23:25 回覆

  • 千流風
  • 好的~謝謝Wei姊
    我明白了><
  • :)

    Dribs & Drabs 於 2016/01/09 22:52 回覆

  • 悄悄話
  • 阿葳
  • 謝謝大人的救助 跪拜
  • 不客氣:)

    Dribs & Drabs 於 2016/01/15 06:58 回覆

  • 悄悄話
  • 小元(OrcaKW)
  • 謝謝您的分享~

    嘗試了「刪除文章底部廣告」及「刪除文章留言處廣告(第三則留言後方)」,都很順利地使用了 :D

    特別是「刪除文章留言處廣告(第三則留言後方)」,之前一直有第四則留言與第五則留言空白處特別大的困擾,卻一直找不到問題在哪……(我是套用自訂樣式簡易版的二欄式側欄靠左,再慢慢一點一點改CSS語法)

    剛剛姑且一試這個方法,就順利讓每則留言間的間隔都一樣了!
    (有圖有真相:http://orcakw.pixnet.net/album/photo/631511779

    再次謝謝您的不吝分享~

    祝福 :)
  • 很高興能幫到你 :D
    那個空白處就是痞客放廣告的地方,只是你的瀏覽器有擋廣告,讓你看不到,但廣告的空間還是在!

    Dribs & Drabs 於 2016/01/19 15:25 回覆

  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 語霏
  • 文章底部廣告真的不太好刪耶
    改了很多數字還是沒反應
  • 請問你的語法放在哪裡呢?

    Dribs & Drabs 於 2016/01/30 16:15 回覆

  • 語霏
  • 你說的三個地方都放過了
    一個不行就刪掉換另一個
  • 若方便的話可以留下痞客帳密,我登入後台幫你設定看看!

    Dribs & Drabs 於 2016/01/31 22:20 回覆

  • 悄悄話
  • 語霏
  • 謝謝妳的幫忙
  • 不客氣 :)

    Dribs & Drabs 於 2016/02/02 09:22 回覆

  • The1987
  • 成功了!超級棒的教學!!!!!
    謝謝你!
  • 不客氣 :D

    Dribs & Drabs 於 2016/02/04 13:03 回覆

  • 槑槑
  • 這篇真的太實用了!!
    謝謝你的分享!!!
  • 不客氣 :D 很開心能幫到你!

    Dribs & Drabs 於 2016/02/14 10:53 回覆

  • 悄悄話
  • 悄悄話
  • 訪客
  • 非常謝謝大大,今天才發現大大的好文,已經照文中的方法將所有能見的各種廣告都BAN掉了(測試過三個PIXNET部落格與關掉阻擋廣告APP都可以用)非常謝謝您啊啊啊啊!!真的造福好多人!!^^
  • 不客氣唷 :D

    Dribs & Drabs 於 2016/03/03 13:01 回覆

  • snow
  • Wei 大 :

    最近站方又想出廣告新玩法,如果瀏覽器沒有加裝擋廣告的ABP,登入部落格首頁會出現遮蔽螢幕的一大片廣告,假使沒有眼明手快按 "略過" ,十秒後才會跳轉進部落格正常文章閱讀。

    請問有沒有好方法呢? (跪求)
    因為應該不是人人都有裝Adblock plus,站在那些訪客的立場想,可能還沒等廣告結束便厭惡離開了...... orz

    認真求解,謝謝。




  • 這個我有發現!!但是但是…它不是每次都會出現,偶爾出現一次,想要分析一下10秒就到了,然後廣告消失。昨天重整網頁好幾次才出現一次,實在太難捉摸!等我逮到它在分享刪除的語法喔!

    Dribs & Drabs 於 2016/03/08 10:42 回覆

  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 壹澪
  • 文章下方廣告終於消失了,太感激你!!!!!!!!!!!!>W<
  • 不客氣 :)

    Dribs & Drabs 於 2016/04/01 22:59 回覆

  • 悄悄話
  • 藤本 明
  • 改數字之後就可以了> <
    謝謝:D
  • 不客氣 :D

    Dribs & Drabs 於 2016/04/05 15:16 回覆

  • 悄悄話
  • 悄悄話
  • lethe1206
  • 萬分感激你的無私分享~
  • 不客氣,很高興能幫到你 :D

    Dribs & Drabs 於 2016/04/07 20:42 回覆

  • YanC
  • 醜醜的廣告終於不見了><
    真的非常謝謝你的無私分享~~
  • 不客氣唷 :D

    Dribs & Drabs 於 2016/04/22 12:54 回覆

  • 小女子K ❤
  • 不好意思~
    想請問文章標題太長,然後只顯示一些,其它都會消失
    語法要怎麼改?
    有上網找過,可是還是解決不了> <
    可以麻煩幫我看嗎!?
    謝謝~
  • 嗨你好,可以用這幾個關鍵字google,就有相關教學了 :)
    "CSS 文字過長"

    Dribs & Drabs 於 2016/04/30 21:15 回覆

  • 小女子K ❤
  • 有試過了~都找不出來> <
    所以只好來請教您!!
  • google的第一篇教學文就是了,我試過那篇文章的語法是對的!

    Dribs & Drabs 於 2016/05/01 23:34 回覆

  • 小女子K ❤
  • 您好~那篇我有試過,是調整標題文字大小~
    可是我想要的是標題可以全部顯示出來> <
  • 不好意思,我以為你是要把標題過長的部分變成....
    上面提到的教學,是將溢出文字變成...

    Dribs & Drabs 於 2016/05/02 23:47 回覆

  • 小女子K ❤
  • 我自己找到了~
    .article-head { 的
    overflow:hidden; 拿掉就出現了~

  • OK~

    Dribs & Drabs 於 2016/05/02 23:46 回覆

  • 悄悄話
  • 悄悄話
  • 悄悄話
  • baalmavis
  • 很實用,非常感謝您的分享!
  • 不客氣唷 :D

    Dribs & Drabs 於 2016/06/08 21:30 回覆

  • 寶人
  • 謝謝! 已刪除文章底部廣告,感恩!
  • 哈,謝謝你!

    Dribs & Drabs 於 2016/06/16 20:55 回覆

  • 寶人
  • 再次感謝,已刪除第四則留言後方的廣告。感恩!
  • 哈,謝謝你!

    Dribs & Drabs 於 2016/06/16 20:55 回覆

  • 寶人
  • 三謝!快捷功能BAR亦刪除,感恩!
  • 哈,謝謝你!

    Dribs & Drabs 於 2016/06/16 20:55 回覆

  • 阿娘喂
  • 謝謝你的教學,找了網路好久,你的最好用。
  • 很高興有幫到你 :D

    Dribs & Drabs 於 2016/06/20 09:00 回覆

  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 悄悄話
  • Danny
  • 痞客又有新招了,文章下方的兩片方格廣告又跑出來了,懇請惠賜解藥。
  • 我有注意到喔!! 最近會研究一下 :)

    Dribs & Drabs 於 2016/07/29 08:39 回覆

  • Danny
  • 果然是難不倒 wei 神,感謝您。
  • 您過講了 :P

    Dribs & Drabs 於 2016/08/05 21:22 回覆

  • 擾爾
  • 超讚,困擾很久
  • :D

    Dribs & Drabs 於 2016/08/15 08:37 回覆

  • 悄悄話
  • 星點
  • 感謝您的教學,都成功了!
    一直對廣告束手無策。
  • 不客氣 :D

    Dribs & Drabs 於 2016/11/29 13:34 回覆

  • HoneyAlice
  • 非常感謝你!上方的快捷鍵和有興趣的文章都刪掉了!
    但不好意思我想請問您一個問題嗎?
    我側欄的廣告一直刪不掉,也不知是哪裡出了問題
    我把刪側欄的語法放在css最下面,請問這樣對嗎?

    .topbar-placeholder{display: none;}

    .pix-related-post{display:none;}

    #links-row-1 .box:nth-child(1){display: none !important;}
  • 這段刪側欄的語法是刪除側欄1的第一個元件,你把廣告的元件移到其他地方了,所以才刪不掉

    Dribs & Drabs 於 2016/12/10 21:39 回覆

  • HoneyAlice
  • 非常感謝您!!已成功刪除!
  • 不客氣 :D

    Dribs & Drabs 於 2016/12/11 13:46 回覆

  • 悄悄話
  • 悄悄話
  • Yusen
  • 這幾天好像痞克邦又偷偷裝了新廣告......
    文章往下滑到一定部分時,右邊會出現廣告(跟FB浮動視窗的按鈕相同位置)
  • 昨天有看到類似你說的,我還以為是佈落客自己裝的,因為不是每一篇文章都有,在我的部落格也沒有看到,覺得奇怪@@?

    Dribs & Drabs 於 2016/12/17 12:12 回覆

  • 悄悄話
1 2
找更多相關文章與討論