November 24, 2007
部落格功能、外掛大集合（持續更新中）
以下整裡一些部落格可以用的各類網站、服務、功能和教學文章，包括模版、icon、書籤網站、流量統計、文章評分、熱門文章、留言版、即時訊息、收藏櫃、部落格聯播、blogger hacks、照片展示、貼紙、按鈕、圖片編輯、配色、 HTML & CSS 教學、時鐘、廣告、訂閱 feed、授權等等，全部都是免費的。如果您覺得有漏掉什麼重要的類別，或是看過更好的教學文章，都請您不吝留言告知，也歡迎大家繼續補充 ：） 特別向寫教學文章的眾多前輩致敬！
範本 / 模版 / template
Logo / 圖示 / icon / 動態 GIF / animated GIF
- 免費 icon 網站/下載
- 動態（animated）GIF 網站整理
- 網址列的小圖標 favicon
- 網址列的小圖標 favicon (2)
- 自己幫圖檔加上倒影，讓部落格更添 2.0 風采
- 自製頭像 Mii Editor（教學 @ 阿康@Blog）
- Favicon Generator（教學 @ 帕帕亞浩斯）
書籤網站 / bookmark
流量統計 / 訪客 / 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）
- 標籤雲 @ 放形浪 High、 AJAX 標籤雲 @ Kaie's Blog
- 最新文章 @ 堯@部落格
- 最新回應（1 @ 堯@部落格, 2 @ LVCHEN的美國生活指南）
- 相關文章 Related Posts @ Abin's Tech Note
- 讓側邊列的元件能夠展開和摺疊 @ Abin's Tech Note
- 替部落格加上可隨畫面浮動的導覽圖標及對話框 @ 放形浪 High
- 聯播單一標籤內容 @ 堯@部落格
- 「特殊文字註記區塊」之 CSS code @ Kaie's Blog
- 讓 comment 出現頭像 @ 放形浪 High
- 隨機變更 blog banner（圖片）
- 動態顯示 NavBar @ Kaie's Blog
- 整合日曆 Archive Calendar @ Abin's Tech Note
照片展示 / slideshow
貼紙 / 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
- Picture2Life
- befunky：將照片改為手繪風格卡通化，需以 e-mail 註冊。
- PXN8
- Captioner：在圖片上加入中文對話框
- Cellsea
- Snipshot
- 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
- DOB 網站建置百寶箱：討論區資料非常豐富
- 超文標記語言簡明導引：HTML
- 網頁學院：HTML
- i-Web 網頁教學：CSS and HTML
時鐘 / clock
- ClockLink
- UNIQLOCK（教學 @ 東京封印）
- BLoG APARTMENTs：各式時鐘，包括世界時間、倒數、月亮時鐘等等。還有很多遊戲及有趣的小玩意。
- 屎蓋：除了時鐘，還有很多很可愛有趣的小玩意
- 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的十二度空間
Rate this post:
Posted by thinkerCKD 9:23 AM
Bookmarks:
Random Posts (Powered by Stuff-a-Blog):
14 comments:
- At Nov 29, 2007 2:23:00 PM chcheng said...
-
很實用的文章^^
感謝大大的整理與分享
以後要找這些就方便多了 - At Nov 29, 2007 5:02:00 PM thinkerCKD said...
-
Hi, chcheng.
謝謝您的支持，這篇文章會一直更新，有需要找東西的時候記得來看看喔 ：） - At Dec 9, 2007 8:03:00 PM Austin said...
-
thinkerCKD,
感謝你的整理和大方分享！
很有幫助！
謝謝！ - At Dec 10, 2007 1:41:00 AM thinkerCKD said...
-
Hi, Austin.
很高興您覺得實用，謝謝您留言 ：） - At Mar 6, 2008 5:46:00 PM sc said...
-
超感動得，尤其對不會寫程式的我來說。
我在慢慢看，還要加入到我的最愛。
︿︿感謝你 - At Mar 6, 2008 6:13:00 PM thinkerCKD said...
-
Hi, sc.
很高興能對你有幫助，謝謝你留言喔！另外，我在你的部落格上看到表情符號那篇文章，如果你不介意的話，可以把純文字型的 url 改成超連結的形式，這樣可以讓別人更容易找到我寫的那篇文章，幫助更多需要表情符號的部落客 ：） - At Mar 6, 2008 7:24:00 PM sc said...
-
^^謝謝你的提醒，還在摸索中，都忘記超連結這回事嚕～
對了想請問你知道如何把文章的圖鎖起來嗎？！習慣性問題，總覺得要鎖比較安全＠＠ - At Mar 6, 2008 9:33:00 PM thinkerCKD said...
-
Hi, sc.
別急，慢慢玩， blogger 很好玩的 ：）我不清楚把圖鎖起來是什麼意思耶，是指鎖右鍵嗎？ - At Mar 7, 2008 9:39:00 AM sc said...
-
對，就是鎖右鍵的意思XD
沒啥美術感，都習慣用現成的。哈 - At Mar 8, 2008 8:50:00 PM thinkerCKD said...
-
Hi, sc.
鎖右鍵其實只能防君子，如果是圖片的話，我會建議直接在圖片上加上浮水印，像我部落格最上面的長條圖那樣。我找了一下，不過還沒有找到 blogger 鎖右鍵的方法 XD - At Oct 31, 2008 6:12:00 PM Zhang │ Hey dear ∴urTiger said...
-
不好意思!我想請問一下我要做動態的header是要怎麼寫語法?寫在哪?我在網上找了幾個方法試都不成功，謝謝
- At Nov 2, 2008 10:37:00 PM thinkerCKD said...
-
Hi, Zhang.
「動態的 header」是指我部落格上面那個圖片嗎？如果是的話，請你參考 http://thinkerckd.blogspot.com/2007/11/blog-banner.html。
要特別注意的是，如果你的模版有把圖片的長寬寫死，就要上傳符合長寬限制的圖片到網路空間，不然可能是沒有辦法正常顯示的喔。 - At Nov 2, 2008 10:41:00 PM thinkerCKD said...
-
@Zhang: 不好意思，說得不夠清楚，如果模版把圖片的長寬寫死，就要上傳一模一樣長寬的圖片，例如模版上寫的長度是 600 px、寬度是 200 px，就要上傳 600px X 200px 的圖片到網路空間。
- At Nov 10, 2008 3:39:00 PM Zhang │ Hey dear ∴urTiger said...
-
謝謝!! 不過可能是模組不同，我放進去還是有問題我再找找看解決方法:)
