用樣式控制Google AdSense廣告顯示的位置
 2007/05/03 |  分類： Blog工具箱
 | 點擊數: 13 / 4152
要把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)
- 不用再一篇一篇剪貼了：在文章內文動態產生Google AdSense的廣告 (34則留言, 2007/04/16)
- 在Xuite測試 jQuery (0則留言, 2007/09/12)
- [HTML&CSS] 鎖定左側功能選單，不隨頁面捲動 (0則留言, 2007/04/05)
- Xuite網址的正規運算式測試 (1則留言, 2007/04/30)
- 在Blog裡顯示隨機文章的簡單作法 (3則留言, 2007/10/14)
- [Blog] 加入Furl與del.icio.us的連結 (0則留言, 2005/03/04)
- [工具] Xuite人氣統計網頁 (5則留言, 2007/09/16)
- 本部落格的連線速度問題 (1則留言, 2007/12/31)
- [Blog] 在文章底部隨機顯示相關文章的功能說明 (6則留言, 2007/04/26)
- Xuite再度變身！ (0則留言, 2007/08/31)
- 修改自動產生分享書籤的按鈕 (4則留言, 2007/02/11)
- 顯示氣象局的紅外線雲圖 (2則留言, 2005/09/22)
- [Xuite] 文章篇數不一致… (0則留言, 2005/03/23)
- [Xuite] 使用我的相簿內的圖檔 (4則留言, 2005/04/08)
隨機文章- 新發表的Windows Toodledo client: Due Today (2)
- 用FinchSync同步Thunderbird與HTC Touch HD的聯絡人資料 (3)
- PhraseExpress：凡人版的AutoHotkey [修訂]
- [OOo] DOC轉成ODT格式的Script
- JTrac：Open source的Java Issue Tracking System
- [轉貼] 甲骨文再買下開放原始碼資料庫業者Sleepycat
- 日劇《仁醫 JIN》與漫畫《仁者俠醫》觀後雜感 (10)
- 轉貼: SAP加碼Retek回敬甲骨文 (2)
- 推推王貼文已選用標籤的困擾 (3)
- [轉貼] 關於台灣大選的一些感想：我真的很羡慕 很羡慕 (3)
歷史熱門文章
- 如何手動輸入Plurk的表情圖示？ (353,093 點擊/2008-09-29)
- 簡單放大Plurk輸入區的方法[修訂] (86,929 點擊/2008-09-29)
- 啟用＆關閉中華電信ZyXEL P874的無線網路連線功能的步驟[修訂] (84,036 點擊/2011-06-01)
- Plurk CSS樣式自訂修改全攻略 (83,124 點擊/2009-07-04)
- 網路升級光世代50M/3M與設定ZyXEL P874 (53,319 點擊/2011-05-28)
- 輕鬆學會彈指神功－揭露AutoHotkey絕技 (43,179 點擊/2008-04-10)
- iPad新手入門技巧 (40,432 點擊/2011-02-05)
- 分享世博台灣館主題曲『台灣的心跳聲』MV(附歌詞＋下載連結+新歌詞) (38,151 點擊/2010-04-27)
- 把HTC Touch HD操作介面換成Spb Mobile Shell，美觀又便利! (37,958 點擊/2009-02-18)
- 另一套適用手機的影片轉檔工具：WinAVI 3GP/MP4/PSP/iPod Video Converter (35,923 點擊/2009-04-18)
|
熱門文章排行
- 如何手動輸入Plurk的表情圖示？ (353,093 views/2008-09-29)
- 簡單放大Plurk輸入區的方法[修訂] (86,929 views/2008-09-29)
- 啟用＆關閉中華電信ZyXEL P874的無線網路連線功能的步驟[修訂] (84,036 views/2011-06-01)
- Plurk CSS樣式自訂修改全攻略 (83,124 views/2009-07-04)
- 網路升級光世代50M/3M與設定ZyXEL P874 (53,319 views/2011-05-28)
- 輕鬆學會彈指神功－揭露AutoHotkey絕技 (43,179 views/2008-04-10)
- iPad新手入門技巧 (40,432 views/2011-02-05)
- 分享世博台灣館主題曲『台灣的心跳聲』MV(附歌詞＋下載連結+新歌詞) (38,151 views/2010-04-27)
- 把HTC Touch HD操作介面換成Spb Mobile Shell，美觀又便利! (37,958 views/2009-02-18)
- 另一套適用手機的影片轉檔工具：WinAVI 3GP/MP4/PSP/iPod Video Converter (35,923 views/2009-04-18)
|
標籤：
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的朋友幫忙比較快啦，有些基本知識是沒辦法三言兩語就能傳達清楚的。