範本 / 模版 / template
Logo / 圖示 / icon / 動態 GIF / animated GIF
- 免費 icon 網站/下載
- 動態（animated）GIF 網站整理
- 網址列的小圖標 favicon
- 網址列的小圖標 favicon (2)
- favicon 製作、去背、語法（教學 1 @ 電腦玩物、2 @ 香腸炒魷魚）
- 自己幫圖檔加上倒影，讓部落格更添 2.0 風采
- 自製頭像 Mii Editor（教學 @ 阿康@Blog）
- Favicon Generator（教學 @ 帕帕亞浩斯）
書籤網站 / bookmark / 微網誌 / microblogging / 社群網站 / SNS
- 黑米 / HEMiDEMi
- 推推王 / funP
- MyShare
- udn 共享書籤
- del.icio.us
- digg
- FURL
- Yahoo!
- BlinkList
- yourminis
- 加入 Tweet this 功能：將文章以短網址的方式推上 Tweeter @ Blogger Buster
- 在網站放 twitter 和 Plurk（噗浪）的推文按鈕 @ 重灌狂人
- 在 Blogger 文章中放置噗浪與 twitter 推文按鈕 @ Not My Business
- Plurk（噗浪）貼紙產生器 @ Plurk Signature
- 淺談 Facebook Social Plugins 的安裝 @ zog: zeng's opinion blog
- 在文末加入文章訂閱圖示 @ Abin's Tech Note
流量統計 / 訪客 / statistics / 影響力 / influence
- Google Analytics：流量統計、分析
- Google 網站管理員工具：網站診斷、流量統計、連結分析
- MyBlogLog（教學 @ 酷玩意部落格）
- FeedJIT：訪客來源、地圖、當天熱門文章
- BlogCatalog：類似 MyBlogLog
- Technorati
- HiStats
- Spotplex（教學 @ 放形浪 High）
- PRchecker
- Alexa
- Clicky
- 部落格觀察
- 黑米卡
- MyIcon（教學 1 @ Jiyun*CocKlofT、 2 @ 酷玩意部落格）
- pijoo：類似 MyBlogLog
- SiteMeter
- NeoWORX
- ComeStat：線上人數
- MapStats
- My μStats
- who's.amung.us：線上人數、訪客地圖
- 台灣部落格列表
- Bloginfluence
- Page Strength：測試網頁強度（重要性、可見度）
文章評分 / 評論 / comment / 熱門文章 / popular
- ClickComments（教學 1, 2 @ 電腦玩物）
- Spotback：文章評分
- LineBuzz：內文評論（教學 1 、 2 @ 電腦玩物）
- aideRSS：熱門文章（教學 1 @ Conscious Choices、2 @ 放形浪 High）
- Spotplex（教學 @ 放形浪 High）
留言版 / 訊息 / message
- Cbox
- ShoutMix
- 巴布（Buboo）
- Plugoo（教學 @ Jinn's Tech Blog）
- 在網頁中嵌入 MSN 視窗 @ 重灌狂人
- Yahoo 即時通的 BLOG 聊天器 @ 重灌狂人
- meebo me!
書櫃 / 收藏 / shelf
部落格聯播 / aggregator
Blogger hacks
- 繼續閱讀（1 @ Kaie's Blog, 2 @ Mr. J）
- 內嵌的文章留言 @ Abin's Tech Note
- 標籤雲 @ 放形浪 High、 AJAX 標籤雲 @ Kaie's Blog
- flash 滾動式標籤雲 @ Blogger Buster
- 最新文章 @ 堯@部落格
- 最新回應（1 @ 堯@部落格, 2 @ LVCHEN的美國生活指南）
- 相關文章（related posts）（1 @ Abin's Tech Note, 2 @ 放形浪 High）
- 加入 Tweet this 功能：將文章以短網址的方式推上 Tweeter
- 讓側邊列的元件能夠展開和摺疊 @ Abin's Tech Note
- 替部落格加上可隨畫面浮動的導覽圖標及對話框 @ 放形浪 High
- 聯播單一標籤內容 @ 堯@部落格
- 「特殊文字註記區塊」之 CSS code @ Kaie's Blog
- 讓 comment 出現頭像 @ 放形浪 High
- 隨機變更 blog banner（圖片）
- 動態顯示 NavBar @ Kaie's Blog
- 整合日曆 Archive Calendar @ Abin's Tech Note
- 單篇文章加密（加鎖） @ Kaie's Blog
- Smiley for Blogger - 表情符號
燈箱效果 / lightbox / 照片展示 / slideshow
- 影片 網頁 圖片 幻燈片展示特效 Lytebox 安裝完全手冊 @ Frank 的雜記
- Picasa：需將介面改為英語
- Slide
- Picture Trail
- BubbleShare
- photobucket
- imageloop
貼紙 / sticker / 按鈕 / button / 徽章 / badge
- e-mail 貼紙（教學 @ 他踢圖畫記事本）
- Web 2.0 free buttons maker
- 80x15 Brilliant Button Maker
- FlashButtons
- iconMaker：支援中文字型
- Web 2.0 Badges
- Vector Glass Badges
- Vector Buttons and Icons
- Vector Glass Buttons and Bars
- Tabs Generator（教學 @ 放形浪 High）
圖片編輯 / photo editor
- fauxto：需註冊
- FotoFlexer（教學）
- improve your images：輕鬆調整色溫、曝光，恢復圖片原有的色彩。
- Picnik
- PicShadow：幫圖片加上陰影
- Picture2Life
- befunky：將照片改為手繪風格卡通化，需以 e-mail 註冊。
- PXN8
- Captioner：在圖片上加入中文對話框
- Cellsea
- RoundPic：將圖片添加圓角，可以調整圖片長寬、背景顏色、圓角大小與圖片品質。
- rsizr：利用 seam carving 做到有趣的縮圖（教學 @ 電腦玩物）
- 用文字檔將你的圖片隱藏在文字中（教學 @ MMDays）
配色 / 色碼 / color code
- Web Color Chart
- HTML color codes and names
- Kuler
- Color Schema Generator 2
- color palette：填入 base color 的色碼，按下 ok 即產生 10 種系列配色。
- technicolor
- ColorMatch 10K
- 4096 Color Wheel
- colr.org：用關鍵字（如 sea）找顏色
- 配色分類字典：依形容詞（如 tender）找顏色
- Webcolor-kit：選一個顏色，給一組背景與超連結配色與 CSS
- Instant Eyedropper 讓你隨心所欲帶走想要的顏色
- HTML 色彩號碼表
- 9 Walker Studio
- Color Code
教學 / HTML / CSS
- OECSPACE：CSS, JavaScript, and Flash.
- CSS2 簡體中文手冊
- CSS Zen Garden
- CSS 阴影详解
- DOB 網站建置百寶箱：討論區資料非常豐富
- 超文標記語言簡明導引：HTML
- 網頁學院：HTML
- i-Web 網頁教學：CSS and HTML
時鐘 / clock
- ClockLink
- UNIQLOCK（教學 @ 東京封印）
- BLoG APARTMENTs：各式時鐘，包括世界時間、倒數、月亮時鐘等等。還有很多遊戲及有趣的小玩意。
- Flash Countdown Timer Generator：簡約、可選大小的 flash 倒數計時器（教學）
- 屎蓋：除了時鐘，還有很多很可愛有趣的小玩意
- PostPet
- Clock
- Countdown
- FlaClo
- 刻時淡淡：每一次載入頁面都會隨機出現一個時鐘樣式
廣告 / advertisement
- Google Adsense（教學 1 @ AdSence 支援中心、 2 @ Mobile01、 3 @ AdSense 繁體中文觀測站）
- BloggerAds（教學 1 @ 小魚吐泡泡、 2 @ AdSense 繁體中文觀測站）
- BlogAD（教學 1 @ Chitekim Blog、 2 @ 酷玩意部落格）
- 酷比廣告（教學 @ AdSense 繁體中文觀測站）
- Text Link Ads（教學 1、 2 @ AdSense 繁體中文觀測站）
其他 / others
- 隨機文章備份訂閱（feed）圖片引用翻譯授權ping
- 通知搜尋引擎有新文章 @ CoolWJT的十二度空間
很實用的文章^^
ReplyDelete感謝大大的整理與分享
以後要找這些就方便多了
Hi, chcheng.
ReplyDelete謝謝您的支持，這篇文章會一直更新，有需要找東西的時候記得來看看喔 ：）
thinkerCKD,
ReplyDelete感謝你的整理和大方分享！
很有幫助！
謝謝！
Hi, Austin.
ReplyDelete很高興您覺得實用，謝謝您留言 ：）
超感動得，尤其對不會寫程式的我來說。
ReplyDelete我在慢慢看，還要加入到我的最愛。
︿︿感謝你
Hi, sc.
ReplyDelete很高興能對你有幫助，謝謝你留言喔！另外，我在你的部落格上看到表情符號那篇文章，如果你不介意的話，可以把純文字型的 url 改成超連結的形式，這樣可以讓別人更容易找到我寫的那篇文章，幫助更多需要表情符號的部落客 ：）
^^謝謝你的提醒，還在摸索中，都忘記超連結這回事嚕～
ReplyDelete對了想請問你知道如何把文章的圖鎖起來嗎？！習慣性問題，總覺得要鎖比較安全＠＠
Hi, sc.
ReplyDelete別急，慢慢玩， blogger 很好玩的 ：）我不清楚把圖鎖起來是什麼意思耶，是指鎖右鍵嗎？
對，就是鎖右鍵的意思XD
ReplyDelete沒啥美術感，都習慣用現成的。哈
Hi, sc.
ReplyDelete鎖右鍵其實只能防君子，如果是圖片的話，我會建議直接在圖片上加上浮水印，像我部落格最上面的長條圖那樣。我找了一下，不過還沒有找到 blogger 鎖右鍵的方法 XD
不好意思!我想請問一下我要做動態的header是要怎麼寫語法?寫在哪?我在網上找了幾個方法試都不成功，謝謝
ReplyDeleteHi, Zhang.
ReplyDelete「動態的 header」是指我部落格上面那個圖片嗎？如果是的話，請你參考 http://thinkerckd.blogspot.com/2007/11/blog-banner.html。
要特別注意的是，如果你的模版有把圖片的長寬寫死，就要上傳符合長寬限制的圖片到網路空間，不然可能是沒有辦法正常顯示的喔。
@Zhang: 不好意思，說得不夠清楚，如果模版把圖片的長寬寫死，就要上傳一模一樣長寬的圖片，例如模版上寫的長度是 600 px、寬度是 200 px，就要上傳 600px X 200px 的圖片到網路空間。
ReplyDelete謝謝!! 不過可能是模組不同，我放進去還是有問題我再找找看解決方法:)
ReplyDelete請問blogger沒有提供某文章的鎖碼 若是有部份文章要鎖碼 應該是如何處理?
ReplyDelete謝謝
單篇文章加密請您參考 http://chenkaie.blogspot.com/2007/03/javascript-encrypt-your-private-blog.html
ReplyDelete有很詳細的說明喔 ：）
剛剛新增了一個倒數計時器，赫然發現這篇文章在黑米獲得了整整 100 個推 + 收，嚇死我了！謝謝大家支持喔 ：）
ReplyDelete"將文章以短網址的方式推上 Tweeter"這Hack真的好用，如果是要推文上Plurk，語法要怎麼改啊？
ReplyDelete@Davin:
ReplyDelete我是從這裡學的耶，可是好像是用原來的網址，而不是短網址，給您參考，如果您改成功了，也希望您能來這邊分享 ：）
我參考了以下2篇
ReplyDelete@ http://angelo-nmb.blogspot.com/2009/04/bloggertwitter.html
@ http://abintech.twidv.com/2006/12/blog-post_15.html
@Davin:
ReplyDelete謝謝，兩篇都寫得很詳細，一併加入表中了
新增 Blogger Hack: 內嵌的文章留言。順便測試一下，呵呵。
ReplyDelete新增「淺談 Facebook Social Plugins 的安裝」與「影片 網頁 圖片 幻燈片展示特效 Lytebox 安裝完全手冊」
ReplyDelete新增 Blogger hacks: 相關文章 2 @ 放形浪 High
ReplyDelete剛剛部落格整個打不開，移除 Lytebox 之後就正常了，好怪。
ReplyDelete新增：PicShadow：幫圖片加上陰影
ReplyDelete松鼠窩將於2012年7月3日停止服務，就先拿掉連結。順手連了一下 ppolis，才發現網頁整個不見了。創業難，網路創業也不例外。
ReplyDelete