用樣式控制Google AdSense廣告顯示的位置
 2007/05/03 |  分類： Blog工具箱
 | 點擊數: 1 / 4884
要把Google AdSense顯示在Blog首頁的表頭區（表頭指的是網頁頂端有Blog標題、小標題與底圖的那塊約1024X200大小的區域）有兩個方法：一個是比照先前介紹過用JavaScript動態替換innerHTML的方法，另一個更簡單，使用樣式表即可。
首先說明使用樣式的作法，一樣把由Google AdSense網頁取到的指令用<div>包起來，此區域命名為divAdSenseLinkCSS；這些指令必須放在顯示在最上方的自由欄位裡：
// Google AdSense複製來的指令
再加上控制divAdSenseLinkCSS區域的顯示位置的樣式：
如果<div>不是放在第一個自由欄位，適度調整 top 的值就能做到準確定位。
照標準，樣式必須寫在<head>區，但經測試把它放在<body>區裡仍然能生效。因此最後要使用的完整指令碼如下，把指令複製到自由欄位裡即可：
// Google AdSense複製來的指令
原先的方法是您要額外再定義一個名為divAdSenseLinkScript的區域，使用如下指令就能把廣告顯示在Blog小標題下面了：
// Google AdSense複製來的指令
// Google AdSense複製來的指令
您可能也會有興趣的類似文章
- 「網頁載入中，請稍候．．．」的簡單作法 (17則留言, 2007/05/02)
- 在Xuite測試 jQuery (0則留言, 2007/09/12)
- [Xuite] 加上Flash的時鐘顯示(範例在右方) (8則留言, 2005/04/24)
- 在Blog裡顯示隨機文章的簡單作法 (3則留言, 2007/10/14)
- 對Xuite的小小抱怨 (8則留言, 2005/06/03)
- [Xuite] 變更頁首(Banner)的圖片 (修正) (1則留言, 2005/04/09)
- 不用再一篇一篇剪貼了：在文章內文動態產生Google AdSense的廣告 (34則留言, 2007/04/16)
- [Blog] 在文章底部隨機顯示相關文章的功能說明 (6則留言, 2007/04/26)
- 幫Xuite增加單篇文章的雙擊快速編輯功能 (1則留言, 2007/08/15)
- Xuite網址的正規運算式測試 (1則留言, 2007/04/30)
- [Xuite] Xuite上的空間又多了500MB (1則留言, 2005/05/15)
- 變更Xuite回應的排列順序 (5則留言, 2007/09/17)
- [工具] Xuite人氣統計網頁 (5則留言, 2007/09/16)
- Xuite新功能？文章標籤、歷史上的今天與隨機推薦文章 (0則留言, 2008/06/14)
- [Blog] 加入Furl與del.icio.us的連結 (0則留言, 2005/03/04)
隨機文章- 變更文章底端的【黑米共享書籤】推文/貼文按鈕 (2)
- 用tag2find幫你的文件隨處貼標籤 (2)
- [Xuite] 變更有文章日期的日曆樣式 (5)
- JTrac：Open source的Java Issue Tracking System
- WordPress 2.7可能的漏洞? (2)
- TiddlyWiki: 增加第二組編輯區工具列
- 快速增加社交書籤的網頁工具：AddThis.com
- 跨平台的Toodledo應用程式：TaskUnifier (7)
- [Tools] 另一套Free的剪貼簿工具：ClipX (1)
- [Reference] del.ioco.us與Furl的比較
歷史熱門文章
- 如何手動輸入Plurk的表情圖示？ (368,460 點擊/2008-09-29)
- 啟用＆關閉中華電信ZyXEL P874的無線網路連線功能的步驟[修訂] (120,508 點擊/2011-06-01)
- Plurk CSS樣式自訂修改全攻略 (89,485 點擊/2009-07-04)
- 簡單放大Plurk輸入區的方法[修訂] (88,898 點擊/2008-09-29)
- 網路升級光世代50M/3M與設定ZyXEL P874 (72,208 點擊/2011-05-28)
- 輕鬆學會彈指神功－揭露AutoHotkey絕技 (50,934 點擊/2008-04-10)
- iPad新手入門技巧 (49,452 點擊/2011-02-05)
- iPad鍵盤輸入全攻略 (42,930 點擊/2011-01-01)
- 分享世博台灣館主題曲『台灣的心跳聲』MV(附歌詞＋下載連結+新歌詞) (40,946 點擊/2010-04-27)
- 調整Windows 7環境: 加回工作列的「顯示桌面」圖示 (40,864 點擊/2010-01-02)
|
熱門文章排行
- 如何手動輸入Plurk的表情圖示？ (368,460 views/2008-09-29)
- 啟用＆關閉中華電信ZyXEL P874的無線網路連線功能的步驟[修訂] (120,508 views/2011-06-01)
- Plurk CSS樣式自訂修改全攻略 (89,485 views/2009-07-04)
- 簡單放大Plurk輸入區的方法[修訂] (88,898 views/2008-09-29)
- 網路升級光世代50M/3M與設定ZyXEL P874 (72,208 views/2011-05-28)
- 輕鬆學會彈指神功－揭露AutoHotkey絕技 (50,934 views/2008-04-10)
- iPad新手入門技巧 (49,452 views/2011-02-05)
- iPad鍵盤輸入全攻略 (42,930 views/2011-01-01)
- 分享世博台灣館主題曲『台灣的心跳聲』MV(附歌詞＋下載連結+新歌詞) (40,946 views/2010-04-27)
- 調整Windows 7環境: 加回工作列的「顯示桌面」圖示 (40,864 views/2010-01-02)
|
標籤：
Loading ...
簡睿功力真滴好勵害呀!!我把你寫的語法,稍微改了我要ㄉ樣子,順利放上BANNER區囉!!!但是我又有問題要發問ㄌ1.有沒有辦法同時放入兩個banner語法ㄋ?(我試過用上述語法,同時放兩個不同AD,但一次都只會出現一個>_
Dear HALA_PRINCESS,近日工作繁忙，須待假日才有空回, 請稍候。
Dear 哈啦公主HALA_PRINCESS,先回答Ruler的問題。我是使用JRulerhttp://www.spadixbd.com/freetools/jruler.htm請試看看。
謝謝JERRY提供連結,我先去下來玩玩囉!
你好！我是google adsence新手>///<
我想要跟你一樣放在內文標題的下方…請問要怎麼放阿….@@我是有試成功放再文章的尾巴了…但是我想要放在文章的開頭~"~可以跟你要那個java code嗎？(應該是java code的問題吧^^)
謝謝你囉..這真的很有用
版主 請問一下為啥麼我照你這樣弄還是不行啊
這個語法現在還有效嗎
剛發現程式碼格式錯亂，已重新整理。請再測試看看。
請問版大知道這怎麼用嗎
http://i1181.photobucket.com/albums/x436/onlyfortvxq/tytytr.gif?t=1304692353 如圖示
google adsense 廣告要放在xuite網誌的header
放在最上面 日誌敘述又限制200字
由於 Xuite 的自由欄位僅能擺在「側邊」
但我看到有人都可以這樣放、
我要放像他這樣並列的2個廣告在header
可以回覆我一下嗎 感恩
這個網頁用的CSS如下。用 table 放兩個廣告，建議你用Firefox + Firebug外掛，再用右鍵的「觀察元素」查看，或檢視原始檔研究一下。
#divAdSenseLinkCSS {
position:absolute;
top:60px;
left:210px;
}
大大 我弄了半天只看到他的網誌樣式而已捏
你可以教我用嗎
這是我的語法 你說table是這樣嗎
請問這要放在css的哪裡啊
下面這段要怎麼加上我的語法呢
#divAdSenseLinkCSS {
position:absolute;
top:60px;
left:210px;
}
抱歉我css白吃啊 求求你教我一下 謝謝
這是我的語法 你說table是這樣嗎 那要怎麼加上
#divAdSenseLinkCSS {
position:absolute;
top:60px;
left:210px;
}
直接放在一起嗎 嗚我不懂
我很久就沒用Xuite了…你可能要把我當時寫的改造Xuite的各篇文章由最早的開始看，可能會比較了解。
還是找會HTML、CSS的朋友幫忙比較快啦，有些基本知識是沒辦法三言兩語就能傳達清楚的。