範本 / 模版 / 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