csdn部落格裡面掛廣告的推薦方法
感謝 前言
大家應該注意到了,在csdn的部落格裡面並沒有掛csdn自己的廣告,我們感謝csdn的無私奉獻,我們應繼續支援csdn。
那我們不要浪費csdn的好意了,我們來看看如果把自己的廣告放到裡面去。
一、前提條件
csdn的頁面支援自定義的配置
csdn的頁面內容支援比較完整的js**。
二、簡單的方式、
1 帖子裡面直接書寫廣告**
你可以在源**的模式下面,直接放入你要加入的廣告**。比如:
此方法的優點是,你可以最大限度的控制格式,加入你能加入的任何廣告**。
缺點,每次發帖都要排版,如果你更換個廣告,則以前的帖子必須重新編輯一遍。
2 帖子裡面外掛程式js檔案
和1區別不大,你直接在源**裡面用自己的動態js**。比如
優點:可以更靈活的修改廣告**。但
3 在配置裡面直接書寫廣告
大部分人都是這樣直接
優點:一次修改可以影響所有的帖子
缺點:位置限制在左側,切有點太窄了。
二、我推薦使用的方式
繼續在配置裡面書寫廣告,但廣告並不侷限於顯示在左側,而是可以移動到你需要的位置。比如:
頂部的右上,那個搜尋的附近;
帖子內容的開始;
帖子內容的結束
評價的開始
評價表單右側
整個頁面的底部
我們來看所需要的技術。
1 如何定位廣告的位置
請看如下的**
檢視複製到剪下板列印
// 獲取頁面某個元素物件
// 我這裡使用了id屬性,你也可以用其它的方法獲得元素物件
var t = document.getelementbyid("anthem_post.ascx_postcomment_commentupdatepanel__");
// 獲得左側,頂部和上級物件
objleft = t.offsetleft;
objtop = t.offsettop;
objparent = t.offsetparent;
// 如果上級元素不是body,則繼續累計計算相對偏差
while( objparent.tagname.touppercase() != "body" )
// 我們已經拿到了我們要定位的廣告元素位置了
// 獲取頁面某個元素物件
// 我這裡使用了id屬性,你也可以用其它的方法獲得元素物件
var t = document.getelementbyid("anthem_post.ascx_postcomment_commentupdatepanel__");
// 獲得左側,頂部和上級物件
objleft = t.offsetleft;
objtop = t.offsettop;
objparent = t.offsetparent;
// 如果上級元素不是body,則繼續累計計算相對偏差
while( objparent.tagname.touppercase() != "body" )
// 我們已經拿到了我們要定位的廣告元素位置了
2 我們的廣告
檢視複製到剪下板列印
裡面注意我使用了google_comment作為這個廣告的id,同時設定了css屬性為絕對定位,不顯示。
3 移動我們的廣告到正確的位置
檢視複製到剪下板列印
// 得到我們前面的廣告物件
var gg = document.getelementbyid("google_comment");
// 相對於我們要放廣告的位置,加上乙個偏移量
gg.style.left=(objleft +450)+"px";
gg.style.top = (objtop+10)+"px";
// 顯示廣告
gg.style.display="";
// 得到我們前面的廣告物件
var gg = document.getelementbyid("google_comment");
// 相對於我們要放廣告的位置,加上乙個偏移量
gg.style.left=(objleft +450)+"px";
gg.style.top = (objtop+10)+"px";
// 顯示廣告
gg.style.display="";
4 在頁面裝載完畢後再顯示廣告
因為我們的**在整個頁面的前部,所以不能一開始就執行,否則根本找不到一些在後面才出現的元素。
我們把自己的**放在乙個function裡面
檢視複製到剪下板列印
function googleresize()
// 當頁面裝載完畢後,再執行我們的程式
window.οnlοad=googleresize;
function googleresize()
// 當頁面裝載完畢後,再執行我們的程式
window.οnlοad=googleresize;
5 處理頁面的resize事件
在ie裡,可以簡單的用
檢視複製到剪下板列印
window.οnresize=googleresize;
window.οnresize=googleresize;
但是在firefox裡面,則必須用定時器進行定期檢測才行
檢視複製到剪下板列印
var startwidth = document.getelementsbytagname("body")[0].offsetwidth;
function checkffresize() else
settimeout("checkffresize();",2000);
} if (document.all) else
var startwidth = document.getelementsbytagname("body")[0].offsetwidth;
function checkffresize() else
settimeout("checkffresize();",2000);
}if (document.all) else
6 處理頁面的異常
遮蔽掉可能出現的異常
檢視複製到剪下板列印
function killerrors()
window.onerror = killerrors;
function killerrors()
window.onerror = killerrors;
至此,我所需要的**已經全部完成了。
三、我的廣告的完整**
檢視複製到剪下板列印
希望大家用的開心。
教你遮蔽CSDN的廣告
前提是你必須使用myie2或遨遊maxthon瀏覽器.筆者使用的是maxthon v1.3.3 build 50 下面的步驟跟我一起做 step 1 選擇 選項 選單項 step 2 在下拉列表中選擇 maxthon選項.step 3 在彈出視窗中,選擇左邊欄目中 廣告獵手 step 4 然後分別選...
教你遮蔽CSDN的廣告
前提是你必須使用myie2或遨遊maxthon瀏覽器.筆者使用的是maxthon v1.3.3 build 50 下面的步驟跟我一起做 step 1 選擇 選項 選單項 step 2 在下拉列表中選擇 maxthon選項.step 3 在彈出視窗中,選擇左邊欄目中 廣告獵手 step 4 然後分別選...
CSDN的部落格搜尋
不得不說,csdn部落格的搜尋功能是在太弱了。而且一直都很弱,以至於我每次想在自己部落格上找自己發的文章都變得那麼難。做乙個搜尋部落格內文章的功能沒有那麼難吧?還是說csdn已經放棄了部落格這一塊了?我發現我的部落格排名好像靠前了,難道是csdn的部落格沒落了?既然如此,也是無可奈何的事情,不過終歸...