發卡布洛

<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" 
type="text/javascript"></script>

<script type="text/javascript">
$(function(){
$("h2").css("cursor","pointer").click(function(){
if($(this).next().css("display")=="none")
$(this).next().fadeIn("fast")
else
$(this).next().fadeOut("normal")
      });
});
</script>

痞客邦把部落格板主回覆區塊的 html 鎖起來了，也就是當我們在張貼<、>這類符號時，他會將這兩個字元轉換為&lt;、&gt;，但是我們可以透過一個簡單的replace語法，再把這兩個符號給轉換回來。不過為了貼圖方便，我們不必那麼死板板的單純只做轉換，可以仿造cbox的貼圖方式，設計一個貼圖語法為：[img:圖片網址]。

將以下語法張貼在頁尾描述即可：

<script type="text/javascript">
jQuery("li.reply-text,#latest-comment li").each(function(i){
var $this = jQuery(this);
$this.html($this.html()
.replace("[img:","<img src='")
.replace("]","'>")
)
});
</script>

在使用的時候，只要貼上 [img:圖片網址] 就可以顯示圖片了。

剛剛改寫了一下程式，透過新的方法我們不需要去找尋區塊的 ID 名稱就可以將特定的區塊隱藏起來。請到後台的公告區塊內加入以下程式：

<script type="text/javascript">
//選單切換速度選擇 1.fast(快) 2.normal(正常) 3.slow(慢)
var rate="normal";
//是否顯示[+/-]? 顯示1; 不顯示0
var icon="1";
jQuery.getScript("http://feka.hostrator.com/js/pix_menu.js");
</script>

如何隱藏想要隱藏的區塊？

請在要隱藏的區塊標題內打上 ::- 即可隱藏：

經營部落格或許可以為自己增加一些額外的收入，但要是廣告放多了也是蠻惹人嫌的。好啦，這並不是本篇的重點，經營部落格的這兩年來，我發現會點廣告的人就是會去點，不會點的人就算你放再多廣告他也不會點，既然如此，那我們何不讓使用者自行決定要不要在網頁中顯示廣告呢？

　　可能會有很多站長認為我瘋了，不過就站在一個網頁瀏覽者的立場來說，比較進階的玩家們不也常常使用adblock、stylish、RIP這類火狐的套件來擋掉某些網站的廣告嗎？我的觀點是，與其讓使用者花心思去擋廣告，我們不如直接做一個廣告開關方便使用者們做切換，要是使用者認為你的網頁內容寫的真的很不錯，我想他們一定也會很高興地點選廣告給你一點鼓勵的。但在這之前，我們還是先還給使用者一個乾淨的瀏覽介面吧！

　　本功能使用 jQuery 的 cookie plugins 來紀錄廣告是否顯示的狀態，在公告區塊內加入即可使用：

因為想把寫心情的部落格搬到天空，主要是因為天空部落把日記跟網誌分開，這樣如果我想寫心情可以在日記寫。想寫電影、音樂…就在網誌寫，這個功能還蠻吸引我的。

剛剛試了一下天空部落，想習慣天空的操作，無奈無名的MT檔一直無法匯入到天空。我就到小尖兵站管部落格看看有什麼新的公告，這才發現有一堆使用者在抱怨，原來天空把廣告動到「誰來我家」上面了：

上次發了一篇 jQuery｜在痞客邦部落格文章內置入Google Adsense(1)（透過iframe），雖然 google 准許我們將廣告放在內置框架中，但總覺得怪怪的，主要還是把怕 google adsense 放在框架頁中會抓不到網頁的關鍵字。而 google 的 show_ads.js 也是利用框架頁的方式來放廣告的，如果我們也使用框架頁，它就被放在兩層框架中了。這幾天我研究了一下，還是沒辦法單純使用 jQuery 的 append() 來置入 show_ads.js，直接 append show_ads.js 網頁會顯示一片空白。用 firebug 觀察，發現網頁除了會在 head 裡置入一個 window.google_render_ad() 外，就什麼都沒有了：

　　但奇怪的是，透過 Javascript 最原始的寫法 innerHTML 卻可以成功地將 show_ads.js 載入，我想破頭都想不出是什麼原因…。推測可能是 google 的 show_ads.js 在抓取網頁內容決定如何將廣告做顯示的這個動作可能跟 jQuery 在執行 append() 的動作有衝突。

剛剛在查找 jQuery 函式時逛到了這個東西 － jQuerify Bookmarklet。看看貼文日期已經蠻久了，不過用 google search 了一下，好像還沒有多少中文使用者知道的樣子。

詳細使用方法可以看原始出處的說明，如果看不懂…就只好看我破破的說明了。

這支程式很簡單，它只是用 javascript 在你的 body 這個標籤中加入最新的 jquery.js：

有個同學的網站存放在 Hinet 空間，他的網頁的右邊都被加了一個很大的橫幅廣告，由於這個廣告是用 JavaScript 產生框架再加上的，無法單純用 CSS 把它隱藏起來，但透過 jQuery，我們可以很容易地將這個框架頁拿掉：
（加在網頁最上方）

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(parent.document.getElementById("MywebFrameSet_120300")).removeAttr("cols");
$(parent.document.getElementById("adpage")).remove();
</script>

今天研究了一下 Xuite 動態伸縮選單的寫法，一次補齊好了。

首先進入管理後台，創一個自由欄位，在欄位中寫入：

<script type="text/javascript">
$(function(){
$(".side").children().css({display:"none"});
// 預設是全部的區塊都會隱藏，如果想顯示某些區塊，
// 請在下面加入要顯示的區塊號碼，例如要顯示第11個區塊就填：
$($(".side")[11]).children().css({display:"block"});
// 加在這上面（一行一行加入）
$(".personaltitle").css({cursor:"pointer"}).click(function(){
$(this).next().toggle("fast")
   });
$(".sidetitle").css({cursor:"pointer"}).click(function(){
$(this).next().children().toggle("fast")
   });
});
</script>

如果你有申請 Google Adsense，你會將廣告投放在網頁中什麼地方？側邊欄嗎？由於網友們瀏覽網頁時都是看文章內容，不見得會注意到側邊欄的廣告，把廣告放在文章結束的地方是再好不過了。我在網路上找到了許多的方法，寫法有千千百百種，但方法大致上都是一樣的：用 Javascript 把 google adsense 的 ad code 放到某個 div 區塊中。

　　像是使用 getElementById 來取得 div id 的名稱，再用 innerHTML 將 ad code 置入這個區塊（參考資料）。但由於痞客邦的文章內文的 div 是 class 屬性，無法使用 getElementById 來取得區塊，而且 Javascript 也沒有 getElementByClass 這個方法，雖然有個外國人寫了一個 getElementByClass 的 function ，但實際應用在痞客邦時，不知道是不是跟痞客邦的程式有相衝，也無法使用。

　　既然無法用純 Javascript 來達成功能（不是不能，應該是說我的程式功力有限），那我們何不利用 jQuery 強大的選擇器來選取 class 區塊呢？