前幾天開始，我的文章末出現和圖片一樣的東那~那段是什麼，它就是巴布的碎碎念啦！那要怎麼放到文章末呢？
這個其實是運用了Nelson寫的讓每篇文章都加入Google Adsense的語法來完成的。
建議大家那篇去看看吧！並給點鼓勵～
基本上，看了那篇之後，原本會放JavaScript的，一定就知道如何用。
好啦！
如果真的完全不懂，就看以下做法吧。
把以下語法放到你的網誌描述裡。
<div id="divAdSenseContentScript" style="display:none;"><br />
<script type="text/javascript" charset="utf-8" src="http://badge.buboo.tw/text?c_color=1&c_fontsize=9&c_type=1&c_user=indigosky&c_width=550&c_number=5"></script>
<br/>
</div>
<script type="text/javascript">
/*
* 作者: Nelson (http://blog.pixnet.net/Nelson)
* 說明: 讓 Pixnet 的文章自動加入 Google AdSense
* 備註: 原始程式碼來自 http://blog.xuite.net/emisjerry/tech/11088489，
* 我將它改成適合 Pixnet 的版本。
* 版本: v1.0，2007/08/25
* 適用: Pixnet 的樣板版型
* 授權: 自由使用及修改，拿去用之前，
* 麻煩到 http://blog.pixnet.net/Nelson/post/3967606 留個言給我。
*/
/*
* 檢查網址裡頭有沒有 "/post/" 字串，
* 有的話就代表是單篇文章。
*/
var isArticle = false;
if (document.URL.indexOf("/post/") > 0)
isArticle = true;
if (isArticle)
{
if (window.attachEvent)
window.attachEvent('onload', init);
else
window.addEventListener('load', init, false);
}
function init()
{
// "Content" 是文章的主要區塊
var CONTENT = document.getElementById("article-box");
var DIVs = CONTENT.getElementsByTagName('div');
for (var i in DIVs)
{
var x = new String(DIVs[i].className);
if (x.indexOf("article-footer") == 0)
{
DIVs[i].innerHTML =
document.getElementById("divAdSenseContentScript").innerHTML + DIVs[i].innerHTML;
break;
}
}
}
</script>
綠字為的巴布留言板型JavaScript語法。
請到巴布工具，取得你的JavaScript語法。(如果直接貼S拔的，那可是會出現我的碎碎念唷XD)
如果你放了上面這段語法之後，發現沒有正常出現。
試試把藍字換成下面粉紅色的字。
<script type="text/javascript">
/*
* 作者: Nelson (http://blog.pixnet.net/Nelson)
* 說明: 讓 Pixnet 的文章自動加入 Google AdSense
* 備註: 原始程式碼來自 http://blog.xuite.net/emisjerry/tech/11088489，
* 我將它改成適合 Pixnet 的版本。
* 版本: v2007/05/06
* 適用: Pixnet 的各種版型 (Grey, Grey2, Wretch, Roodo, 以及痞客模板 版型)
* 授權: 自由使用及修改，拿去用之前，
* 麻煩到 http://blog.pixnet.net/Nelson/post/3967606 留個言給我。
*/
/*
* 檢查網址裡頭有沒有 "/post/" 字串，
* 有的話就代表是單篇文章。
*/
var isArticle = false;
if (document.URL.indexOf("/post/") > 0)
isArticle = true;
if (isArticle)
{
if (window.attachEvent)
window.attachEvent('onload', init);
else
window.addEventListener('load', init, false);
}
function grey()
{
// "Content" 是文章的主要區塊
var CONTENT = document.getElementById("Content");
var DIVs = CONTENT.getElementsByTagName('div');
for (var i in DIVs)
{
var x = new String(DIVs[i].className);
if (x.indexOf("extended") == 0 || x.indexOf("footer") == 0)
{
DIVs[i].innerHTML =
document.getElementById("divAdSenseContentScript").innerHTML
+ DIVs[i].innerHTML;
break;
}
}
}
function grey2()
{
var DIVs = document.getElementsByTagName('div');
for (var i in DIVs)
{
var x = new String(DIVs[i].className);
if (x.indexOf("mainEntryfoot") == 0)
{
DIVs[i].innerHTML =
document.getElementById("divAdSenseContentScript").innerHTML
+ DIVs[i].innerHTML;
break;
}
}
}
function roodo()
{
var DIVs = document.getElementsByTagName('div');
for (var i in DIVs)
{
var x = new String(DIVs[i].className);
// 檢查 class 是否為 "posted"，是的話就是文章結尾
if (x.indexOf("posted") == 0)
{
DIVs[i].innerHTML +=
document.getElementById("divAdSenseContentScript").innerHTML;
break;
}
}
}
function wretch()
{
// "Content" 是文章的主要區塊
var CONTENT = document.getElementById("content");
var DIVs = CONTENT.getElementsByTagName('div');
for (var i in DIVs)
{
var x = new String(DIVs[i].className);
// 檢查 class 是否為 "innertext"，是的話就是文章本體
if (x.indexOf("innertext") == 0)
{
DIVs[i].innerHTML +=
document.getElementById("divAdSenseContentScript").innerHTML;
break;
}
}
}
function template()
{
// "Content" 是文章的主要區塊
var CONTENT = document.getElementById("article-box");
var DIVs = CONTENT.getElementsByTagName('div');
for (var i in DIVs)
{
var x = new String(DIVs[i].className);
if (x.indexOf("article-footer") == 0)
{
DIVs[i].innerHTML =
document.getElementById("divAdSenseContentScript").innerHTML + DIVs[i].innerHTML;
break;
}
}
}
function init()
{
var LINKs = document.getElementsByTagName('link');
for (i = 0; i < LINKs.length; i++)
{
if (LINKs[i].getAttribute('rel') == "stylesheet")
{
var style = LINKs[i].getAttribute('title');
// 根據 stylesheet 的 title 屬性來分辨是哪種版型
switch (style)
{
case 'grey':
grey(); break;
case 'grey2':
grey2(); break;
case 'yam':
roodo(); break;
case 'wretch':
wretch(); break;
default:
template(); break;
}
}
break;
}
}
</script>
【S拔的碎碎念】
．希望幫到有需要的人
．.剛開始放的時候可能不會馬上出現，要等一會兒。
．上面這個方法只適用在Pixnet喔，如果你是無名或部落格，建議你還是去Nelson家，找尋適合你家的JS，把藍色地方換成你家的JS就可以了。
20080520更新教學→巴布加到文章上面
福音來了！原本S拔我也不會把巴布加在文章上面，前幾天才剛會學的，分享給大家！以下只適用於痞客模版，別的模版是否可以用就不清楚了。
1.進入後台：部落格管理→版面管理→版面設定裡，會看到自已的版面配置。
2.貼上自已的語法
留言列表
【我的寶貝】夏皮與冬冬 (20)