來看我的照片吧!
Š開頭符號文章為S麻寫的,其餘各種符號或沒有符號皆是S拔寫的。
照片、影片後製上傳及發佈到部落格都是S拔喔~哈哈
巴布碎碎念教學-1

前幾天開始,我的文章末出現和圖片一樣的東那~那段是什麼,它就是巴布的碎碎念啦!那要怎麼放到文章末呢?

這個其實是運用了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 

2.貼上自已的語法
 巴布碎碎念教學-3

創作者介紹

Š 夏皮與冬冬寶寶生活記錄 Š

SD拔 發表在 痞客邦 PIXNET 留言(4) 人氣()


留言列表 (4)

發表留言
  • 楊比比
  • 相信您上面的那一長串語法,
    應該有嚇到人吧 ^___^

    關於網誌中,暗部的選取
    是程式控制的,自動選取,
    一點都不麻煩,您可以試試看。
  • 從第三句,一開始我還不知道講什麼~後來才想到是我的回應~~呵呵

    SD拔 於 2007/12/06 23:06 回覆

  • w271847
  • 謝謝s拔,我一開始只是好奇問問
    想不不到您就寫了教學出來
    真是太感謝了

    我已經成功放上去了
    不過也許是版面不同的關系
    我的碎碎唸是靠右
    放上去的感覺變得很凌亂
    也許會拿掉也不一定
    但還是很感謝
  • 兩個方法試試:

    1.在綠字前加在<center>後加上</center>試試!!

    2.把原本<div id="divAdSenseContentScript" style="display:none;">
    變成<div id="divAdSenseContentScript" style="display:none align='center'>看看囉

    也可以兩者都一起加試試

    SD拔 於 2007/12/07 18:10 回覆

  • w271847
  • 加上<center>就行了
    感謝
  • WELCOME

    SD拔 於 2007/12/09 23:40 回覆

  • sandy0225
  • 如果要加在文章上方怎麼改

    如果要加在文章上方,語法怎麼改,請幫忙,謝謝
  • 你好~那個我還不會,需要時間去思考~理論上是更改紅字的某區塊,建議你去文章內提到的Nelson…去那邊問問囉!

    SD拔 於 2007/12/26 01:31 回覆