發表文章

目前顯示的是有「Blog | 部落格」標籤的文章

藉由「App 研發便條紙」設計 Blog 手機版版面

圖片
今天凍仁要為大家介紹前些日子在台灣設計界很火紅 App 研發便條紙 ,它是國人針對智慧型手機所設計出的 UED 輔助工具,以下是凍仁小試身手的成果。 ▲ 「凍仁的筆記」手機版草圖。

【Blogger】新增 Plurk 分享按鈕

圖片
Blog 改版後凍仁就在文章的下方加入了官方的文章分享按鈕,可惜的是沒有凍仁較常用的 Plurk (噗浪) ,既然 Blogger 官方沒有,那就自己動手的時間了。 預設的 Plurk 分享按鈕。 當滑鼠移至上方並取得焦點的 Plurk 分享按鈕。

【Blogger】動態檢視範本

圖片
近來看到 Allen Own 前輩開張了 我的密碼沒加密 這個部落格,就覺得挺炫的,看了一下其實是 Blogger 最新的動態檢視(Dynamic View)範本,也就是說接下來凍仁也可以讓自家的 Blog 變得這麼炫! 左上角這裡有個大大的玄機呢!

【Blogger】新增 Syntax Highlighting 功能

早在很久之前凍仁就一直很新增這種可以讓各種程式語法自動變色,增加易讀性這樣,有現成的東西是很好沒錯,但凍仁比較想要黑底的感覺阿,先加進來玩玩看了。 1. bash #!/bin/bash echo "Hello World :P"

Ubuntu Note of O'reilly style

圖片
凍仁家中其實也有不少 O'Reilly 的書籍,也一直很好奇在電腦書籍中為什麼只有他們家的封面都是用動物當主角,感謝 Edward 分享 為什麼 O'Reilly 都用動物當書籍封面 一文,讓凍仁又長了點見識,當然在最後也小玩一下搞了個假 O'Reilly Ubuntu 筆記。 O'Reilly Maker - Ubuntu Note

企鵝網誌寵物

不知從何時開始,凍仁就開始喜歡上企鵝,連凍仁家的桌機旁邊都擺著 4 隻布偶,也在「企鵝+便利貼-韓國-衣服」的關鍵字下找到了這個療傷系的網誌寵物。

再見了 Windows Live Spaces

好在凍仁在很早之前就離開 Windows Live Spaces 的服務,現在的凍仁可沒有那麼多心力搞 Blog 大搬家,至於怎麼跳到 Pixnet 的部份網路上已經有不少教學文章,只是凍仁沒想到連 Microsoft 都會停止某項服務了,但願網路上那些優質的服務可以賺到錢,並繼續提供服務給他人。

GTalk Chatback - 拉近訪客的距離

圖片
記得很久之前就看過 MSN 有個小按鈕 (Button) 可以放在 Blog (或一般個人網站) 上,讓訪客知道作者是否在線上,並透過它達到即時溝通的效果,簡略了得先加入好友才可對話的步驟,也相對提昇些安全性。

Facebook + Twitter = 微網誌之路

看到不少社群的朋友都在玩 Facebook 及 Twitter ,凍仁也下海玩囉!Facebook 像個強化版的無名,可以很輕易的把自己與朋友串起來,也可以分享彼此的心理測驗..;Twitter 凍仁在 Pixnet 裡有玩過碎碎念,聽說無名裡也有,可 Twitter 可以跨 Blog 的設計很棒。

【Blogger】標題文字換圖片

常在很多前輩的 Blog 看到的作品都是把文字換成圖片.. 可使用 Blogger 標題列上傳完圖片會發生圖與文字重疊的 bug,有的 Templates 會,有的不會.. 這時只好自行修改 CSS 囉.. 在 修改 HTML 裡找到 #header a img #header a img { margin: 28px 0px 0px 0px; padding: 2 px 0 px 0 px 2 px; border: 0; position: absolute; top: 0px; left: 0px; } 在這裡凍仁只改了 margin 這項 邊界的屬性,因為圖片上傳完會跑掉XD

【Blogger】Draft:SearchBox - Blogger 測試中的搜尋框

圖片
在看了 Josh`s Note 最近的文章後,凍仁也到 Draft 加入 SearchBox(搜尋框) 這個測試中的新功能.. 就是現在在本 Blog 最右上方的搜尋框。由於它的 result(顯示結果) 是鑲在 Blog 裡,且還有 此網誌 、 從這裡連結 、 Linkbar 、 網頁 4個功能,也就是說它除了能搜尋 Blog 內部的文章,還能追蹤在這個 Blog 上所有的連結,凍仁就把之前的 Google 提供的 AJAX 自訂搜尋引擎 換掉囉..

【Blogger】Peekaboo Navbar - 自動隱藏/顯示 Navbar

幾乎所有隱藏/顯示的功能在網路上都稱作 Peekaboo (躲貓貓),像是首頁隱藏內文,進入單篇文章再展開這個功能稱作 Peekaboo Post ,Archive Page 內的文章條列式開合也稱作 Peekaboo Recent Post, AJAX 動態選單收合動作也被戲稱為 Peekaboo Menu,要找尋類似的功能,使用 Peekaboo 關鍵字較可找到相關的 Code。

【Blogger】修改 header 與 Navbar 的間隔

凍仁在更新完 Templates 後發覺 Blog標題 似乎太下面了點,索性在Templates 裡一個一個改.. 沒想到被凍仁矇到了,哈...

【Blogger】CleanBox 改版完成!!

圖片
希望路過的朋友可以給凍仁點建議:P 在 Google 提供的 Blogger 上使用了一個半月了,常在想自己拿預設的 Templates 改成的作品ok 不 ok,最主要的原因是 hack 的配置部分,雖然可以透過 側邊欄褶疊 來節省空間,可還是感覺不太妥。剛好今日 2/28 放假,凍仁就徹夜趕工改用 Blogger Templates: CleanBox 升級一下,跟先前比起來應該簡潔多了, 至少凍仁是這麼覺得的 。 凍仁的筆記 v1.0 (Sand Dollar Templates by Jason Sutter)

【Blogger】自訂書籤圖示 (favicon)

雖然在網路上都有很多相關資訊了,不過凍仁還是簡述一下,在 blogger的 修改html 裡找到 <head> ,然後將以下 code 加入底下即可 <link href=' http://lh3.google.com/devajonny/R7ufPTwaB6I/AAAAAAAAAv4/e1nJGH1Fp-4/s144/Ubuntu_Dragonraja.png ' rel='icon' type=' image/png '/>

【Blogger】側邊欄褶疊

看到不少blog都有這功能, 可凍仁之前一直參考 讓側邊列 (Sidebar) 的元件能夠展開和摺疊 這篇的教學一點都沒效果,不知是自己學術不精還是怎樣, 後來請咕狗大神出來試了 GG派:blogger 3.0:隨意摺疊任何側邊欄 的方法就可以順利褶疊,以達到簡潔版面的效果。

【Blogger】標籤雲

由於凍仁才開始寫Blog不到兩個月,CSS又不是很懂真的有門檻阿,不過還好上面分享的文章都寫的很詳細,真的要好好謝謝這些前輩,讓我們這些不懂的玩家們可以更容易及快速的上手。 以下是修改 template 的語法。

【Blogger】繼續閱讀及隱藏文字

之前在無名小站有此功能,不用在Blog首頁一次檢視所有的文章,可Google的Blogger預設是沒有此功能的。我們可以透過修改HTML樣本的方式自己新增。

【Blogger】精美的E-mail貼紙

圖片
凍仁之前看到不少 blogger 家裡都有擺這張,現在凍仁也到手啦。趕快到 E-Mail Icon Generator 認養自己的 Brilliant Button唄。 -------------------------- 哈,今天 Ubuntu中文正體站 終於通了,寫簽名檔時超想放個 Ubuntu 的貼紙。花了點時間自己畫了一個.. 嘿,不賴吧!想套用了話這邊有 原始檔 ,請自行使用GMIP修改圖層XD 資料來源: ★ jinnsblog - 部落。美化 - 製作精美的E-Mail貼紙 相關連結: ★ Lucazappa.com ★ Kalsey ★ hkwebs ★ ZwahlenDesign

【Blogger】自訂 Code and Reference

常常在各家部落客分享的文章都有程式碼 (blockquote/code) 及相關文章 (reference) 的區塊,而且蠻美觀的,研究了一個下午終於在自家的 Note 使用不用再羨慕別人了。