如何移除Blogger免費模板上的廣告。

這個Blogger模板是在網站上下載回來的, 是在 bloggerstyles網站下載得來的。

剛進入網誌的建立起步, 發現在文章的下方有一個不屬於『詹自文』的廣告橫幅, 雖然這個是免費模板, 但擺放的位置以及整體令到網誌很不美觀, 因此決定要將它移除。

工具主要係Google Chrome, 這是為了方便修改及查看, 不喜歡下載的也沒有問題, 但我是極力推介使用。

這個是原本這個模板的樣子, 可以見到文章的下方是帶有廣告。

第一步：當然係要尋找相關的代碼。

使用Chrome 瀏覽器時, 只要在網頁相關位置按【右鍵→檢查元素】就會開啟「開發人員工具」，在Elements 欄入要, 只要Mouse 移到原始碼上, 網頁上對應的的位置就會出現藍色顯示, 這樣就會好容易找出廣告的代碼。

只需要找尋相關的Div 標籤就可以輕易地找到對應的Code, 之後我們到Blogger 的後台, [設計]→[修改Html]→把[展開小裝置範本]剔上否則會找不到代碼。

在註解標籤可見廣告碼是由Post的開始直至POST的末段。

以下是找到的代碼：

<div class='blog-posts hfeed'>


    <b:include data='top' name='status-message'/>


    <data:defaultAdStart/>
    <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.dateHeader'>
        <h2 class='date-header'><data:post.dateHeader/></h2>
      </b:if>
      <b:include data='post' name='post'/>
      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
        <b:include data='post' name='comments'/>
      </b:if>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:include data='post' name='comments'/>
      </b:if>
      <b:if cond='data:post.includeAd'>
        <b:if cond='data:post.isFirstPost'>
          <data:defaultAdEnd/>
        <b:else/>
          <data:adEnd/>
        </b:if>
        <div class='inline-ad'>
          <data:adCode/>
        </div>
        <data:adStart/>
      </b:if>
      <b:if cond='data:post.trackLatency'>
        <data:post.latencyJs/>
      </b:if>
    </b:loop>
    <data:adEnd/>
  </div>
最後張紅色的廣告代碼刪除就可以, 在上面可以見到它並非一舨所見的Google 廣告代碼, 它是透過Js控制,這些廣告代碼可能並非每次都一樣, 我在這裡只不過記錄一個方法給大家一個參考。

Categories: 教學 , 模板 , Blogger