追蹤
Ressol's Blog - 舊站
關於部落格
您好,這個網誌已不再更新,僅同步張貼來自新站的文章。
若要閱讀新文章,請您前往 這裡
  • 68863

    累積人氣

  • 5

    今日人氣

    0

    追蹤人氣

【教學】自動去除天空部落的廣告 - 更新 (2007.04.21)


本次使用的技術是 javascript 及 jQuery,jQuery 是一個開放原始碼的 javascript 架構,讓程式開發人員可以透過它,更快速地操作網頁中的各個物件 (DOM, Document Object Model)。它的用法其實很簡單,如果你有興趣的話,不妨試試這個有趣的工具。

接下來進入正題,如何把廣告去掉?
  1.  檢視你的網頁原始檔, 找出嫌疑犯
  2.  找個自動欄位,加上 javascript,把廣告內容給藏起來。
  3.  更新部落格,並測試內容是否正確。

我不懂 HTML / JavaScript 耶?那要怎麼辦呢?
別擔心,其實一點都不難,讓小弟來一步步為你解說:

一、檢視網頁原始檔:

我們會發現,『贊助商』這個字的上下文是長這個樣子的 (依此類推)
<div class="sideColumn">
    <div class="sideTitle">廣告標題</div>
    <div class="sideContent">
          廣告內容 ...
    </div>
</div>
所以,我們可以推論,透過 廣告標題 及相關的 class,可以取得你要處理的網頁內容。


二、找個自訂欄位,加入底下這串內容。

這段程式碼的意思是,載入 jquery 的 javascript,並在網頁被使用者載入時,呼叫 hideDiv 這個函數,把特定的(廣告)區塊隱藏起來。而這個範例中,我將『部落格特別活動』、『POWERED BY』、『RSS 訂閱』、『贊助商』、『其他資訊』這幾個區塊藏起來。

三、更新 Blog,測試。

好了,大功告成,在小弟的部落格可以看到左側的區塊乾淨多了


本文相關範例:
jQuery (下載後, 副檔名改為 .js )
範例程式碼



更新:2007/04/21
天空部落在 4 月中旬對語法進行幾次修改,避免這些欄位被隱藏或移除,本文章中的語法已經失效。( 感謝站務人員的關愛 ^_^ ) 為了避免管理人員與使用者的對立,及增加站務人員的額外工作量,本篇文章的語法即日起不再進行更新,有興趣研究的朋友,自然會找到去廣告的方法,小弟在此不再多做說明了,謝謝各位 ^_^
相簿設定
標籤設定
相簿狀態