發卡布洛

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

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

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

上次發了一篇 jQuery｜使用jQuery很華麗的配置你的痞客邦側邊欄位（伸縮選單效果）。有網友發現天空部落也有採用jQuery來撰寫（觀察力真好啊），問我這個效果能不能在天空部落中使用，我稍微看了一下，天空的區塊配置比較複雜，他的自由欄位跟系統預設的欄位寫法不同。寫起來比較麻煩，但還是有辦法套用。請創一個自由欄位，在裡面寫入以下內容就可以使用了：

<script type="text/javascript">
$(function(){
$("div.sideColumn > div:has(div.sideContent)").css({display:"none"});
$("#systemAnnouncebyyam .sideContent, #othermessage .sideContent,#boxVisit .sideContent, #boxRecommend .sideContent, #boxRecommended .sideContent").css({display:"none"});
$(".sideContent:last").css({display:"none"});
$(".sideTitle").css({cursor:"pointer"});
$("div.sideColumn > div:has(div.sideTitle), .sideTitle").click(function(){
$(this).next().toggle("fast");
});
});
</script>

在CSS中加入：#systemAnnounce .sideColumn .sideContent{display:none}

[2009-02-03] 已有改善

每次登入奇摩信箱都要輸入帳號密碼非常麻煩，而這個方法就是為了像我這種懶人而存在的。

這一篇是要教大家如何繪製我最三八的圖片
至於要如何設定讓圖片顯示在部落格上，請參考這篇：jQuery｜設定自己的我最三八

本篇教學採用 PhotoImpact X3 來說明

近幾年網際網路變的很發達，幾乎每個人都會寫部落格，我知道每個人都希望自己的部落格能與眾不同，所以很多人會在自己的部落格中放置自動播放的音樂，但這種自動播放音樂的部落格真的不太受到歡迎就是了。

FYI（For your information）：拜託不要，我對背景音樂過敏

　　先前有介紹過使用 Flashblock 來阻擋自動播放的背景音樂。雖然這可以有效阻擋大部份的背景音樂，但如果把所有的Flash都擋下的話說實在的還蠻破壞版面的。所以我就來就介紹使用另一個Firefox套件 － Adblock 阻擋無名自動播放音樂的方法，他可以有效阻擋90%在無名小站部落格中的音樂，我們可以在 Adblock 的阻擋規則中寫入無名播放器的網址來阻擋。

寫網頁有操作到剪貼簿存取的人也許會發現，使用Flash插件（_clipboard.swf）存取textarea內容時，剪貼簿無法識別換行字元，所有有換行的部份都會顯示成一個小方塊：
（如圖所示）

JavaScript提供了一個replace的函式可以替換掉一個字串中的字，但在實際使用上卻只能取代掉第一個字，例如textarea的內容為：

本期的發票中獎號碼已更新，請到以下網頁查看：

http://go2.tw/r971112

看到發卡布洛左上角的「我最三八」了嗎？由於站方的圖示有限，所以我就自己做了一張，不過當我改完後才發現網路上已經有人先寫好這個功能了，但沒關係，我還是把寫法分享出來，大家可以互相切磋一下。

基本上我是以痞客邦的程式碼下去改的，顯示的部份並沒做什麼更動，由於這個功能是用jQuery寫的，大家可以發現程式碼真的非常的少，它就是這樣～寫起來又快又賤！

2009-2-20 更新：

痞客邦側邊欄位伸縮選單有更容易的配置方法囉

自從上次發現痞客邦的布洛格里內建jQuery的函式庫之後，我就在想除了隱藏文章的效果之外，還可以有什麼樣的應用。想起前幾年有個無名小站的達人fuyei使用expression來配置伸縮選單的效果，由於這個效果Firefox不吃，只能在IE下使用，所以我就想說試試看是否能夠使用jQuery來達成這個效果。