經營部落格或許可以為自己增加一些額外的收入,但要是廣告放多了也是蠻惹人嫌的。好啦,這並不是本篇的重點,經營部落格的這兩年來,我發現會點廣告的人就是會去點,不會點的人就算你放再多廣告他也不會點,既然如此,那我們何不讓使用者自行決定要不要在網頁中顯示廣告呢?
可能會有很多站長認為我瘋了,不過就站在一個網頁瀏覽者的立場來說,比較進階的玩家們不也常常使用adblock、stylish、RIP這類火狐的套件來擋掉某些網站的廣告嗎?我的觀點是,與其讓使用者花心思去擋廣告,我們不如直接做一個廣告開關方便使用者們做切換,要是使用者認為你的網頁內容寫的真的很不錯,我想他們一定也會很高興地點選廣告給你一點鼓勵的。但在這之前,我們還是先還給使用者一個乾淨的瀏覽介面吧!
本功能使用 jQuery 的 cookie plugins 來紀錄廣告是否顯示的狀態,在公告區塊內加入即可使用:
<script type="text/javascript">
var _ad_div_name="廣告區塊的名稱"; //改這行
jQuery.getScript("http://feka.hostrator.com/js/jquery.cookie.js");
jQuery.getScript("http://feka.hostrator.com/js/self_ad.js");
</script>※廣告區塊的名稱請自行尋找
1.如果廣告區塊是被<div id="name">廣告內容</div>所包覆,這個區塊的名稱請請寫:#name。
2.如果廣告區塊是被<div class="name">廣告內容</div>所包覆,這個區塊的名稱請請寫:.name。
如果你是將廣告放置於側邊欄,那通常都是第一種情形。如果你有很多廣告區塊,可以使用逗號將名稱分開,如:.ad1, #ad2, #ad3...
接下來,請在你的CSS中加入以下這段把你的廣告隱藏:
廣告區塊id名稱{display:none}
別擔心,要是網友沒有點選隱藏按鈕,在進入網頁時廣告仍會顯示。
最後,你可以在網頁任何一個位子置入這個隱藏鈕(例如部落格描述):
<input type="button" value="loading ad state..." id="adv_select">

Recommend to Front page
◎日記心情(4)
哇~~
一點進來這部落格時,看到「我不要看廣告」的按鍵時還覺得很神奇,想來實在是很貼心且用心的一個設置呢。不過不知道是不是因為我有用側欄收合效果的語法
導致這個按鈕語法失效了......
話說....我花了一天的時間套用你現在這個樣式面版作修改,想不到那麼巧來看版主回覆也看到你也用一樣的樣式 (握手) XDD
然後我想請教大大您一個問題
就是文章內那個CODEBOX
我也想要用那個來作為分享語法的複製框
(因為我網頁有鎖右鍵,而我看它有複製到剪貼簿的功能剛好是我想要的 XD")
不知道您的CODEBOX是從哪兒取得的呢?
是用HTML程式語法寫出來的嗎?
不好意思唷~因為沒用過跟它很不熟
所以問題多了點 ||| OTZ ...
還是無法使用...
另外有個疑問就是文內提到要在CSS表內加入
廣告區塊id名稱{display:none}
可我發現加入上述CSS語法後整個欄位包括標題都不見了,重點是不管有沒有加CSS那個按鈕按了都沒有效果....
我好想用這個按鈕語法哦~~真是殘念...
原始檔裡面的id
還是說id的name是要輸入box123456這種呢?
我想跟你一樣隱藏側邊欄位的廣告
(不過因為失敗所以把自訂欄位移除了)
然後我還有疑問就是
廣告區塊id名稱{display:none}
id名稱是要設定box123456這種還是name呢?
我剛剛使用了SyntaxHighlighter
那篇教學淺顯易懂真是太好了
比起我昨晚看的WP-CODEBOX容易多的感覺 XD
不過小蝶(她應該是這樣稱呼吧?@@)分享的語法
使用後是英文版的,不知道你的中文語系是從哪邊設定或修改的呢?
我成功了!!! (放炮~) Yeah~
囧...我又來打擾了
我下載了中文化引入使用後結果出現亂碼,不是繁體中文
打開CSS檔案去修改裡面的字型(加入"細明體")
結果還是一樣亂碼....
請問該從哪個檔案裡面去修改才能變成中文而不是亂碼呢?
另外想再請問一下 (我問題很多對不起...)
我看您的框內文字都會自動段行不會有文字溢出的問題(也不會出現下捲軸),不知道您是從哪邊修改又是如何修改原始碼才能達到那樣的效果呢?
我嘗試從SyntaxHighlighter.css這裡面去修改
試過用OCEPLACE教的word-break: normal;(依照區塊大小強制段行,但不會截斷英文單字)加入SyntaxHighlighter.css檔案裡面,但不知道是我加入的位置不對還是哪裡有問題,一樣沒有效果...
那我再繼續摸索好了 XD
自學CSS一直遇到瓶頸...唉~(抱怨一下ˊ~ˋ")
請問大大有類似googlepages的免費空間可推薦嗎?
不過我還是用了Hinet Myweb(中華電信提供的用戶免費ftp空間)
目前正在努力將存在googlepages的檔案資料備份當中
不過檔案實在太多了...好累人喔 囧
救命喔!!!
大大~~為什麼我的CODEBOX無法觀看原始碼呢?點了 觀看原始碼 後 卻只出現以下網址
http://lafite2230.pixnet.net/blog/post/25298592#
文章網址後面多了個 # 符號 卻無法像大大的一樣另開啟視窗可觀看原始碼...
不知道我用的對不對(哈)
還是只能用版大的勒??
這樣應該就ok囉Q口Q" 請版大幫我看看囉~謝謝
整天看語法,真的會被搞到頭大大☉▽☉"
我已經修改好了!!有問題再來打擾打擾你囉>///<
Comment Permissions: Allow commenting