Blogger改造 2

Blogger改造記錄2
範本：圖片視窗

Blogger的範本設計工具出來有好一陣子了， 因為不支援舊範本，所以一直沒有去嘗試。昨天終於下定決心來改版一番。雖然說新的設計工具有比較好用，不過有些地方還是要手動調整：

1. 修改文章標題顏色：不知為何，我選的這個範本竟然沒有修改文章標題顏色的選項......上網找了一下發現別人範本的原始碼跟我的還不太一樣...orz。後來瞎打誤撞在/* Posts
   ----------------------------------------------- */下面加入這一段竟然就可以了(炸
   .post h3 a, #content h1 a:visited { color: #f29847 }
   
2. 移動版面位置：舊的範本和NavBar好像是互相重疊的(？)，所以隱藏NavBar之後並不會出現多餘的空白；可是新的範本會在NavBar隱藏後留下一段空白，加原本範本預留的空白，看起來還有點大|||
   所以就來調整一下距離，好讓空白不會這麼大。修改變數content.margin的value值即可。
   
3. 調整標頭(Genesis's Blog)位置：有時候會覺得標題的預設位置太靠邊邊了，把它挪到比較適當一點的位置。修改變數header.padding的值，然後在 .header-inner .Header .descriptionwrapper 裡面增加一段 padding-top: $(header.padding); 即可。

保留的HACK...幾乎都留￣▽￣

• 繼續閱讀：羊男實驗の 咖啡館：Blogger Beta 中 Read More 與 Archive 只顯示標題 作法

• 最新文章&最新回覆：ABIN：最新文章模組「終極版」及ABIN：「最新回應」模組

• 回應編號：ABIN：增加文章留言回應的編號

• 日 曆：ABIN： 結合發表文章的日曆模組 (Feed Calendar)

• 強調作者留言：0與1詭謎世界：加強 blogger作者留言和一般留言的區分

新增文章分享按鈕......雖然Google現已推出這項功能，不過還是決定手動加入...因為手動加入的icon比較好看

• 參考：0與1詭謎世界：新增Plurk、Twitter及Facebook推文按鈕 及阿榮哥的人~蔘~：Blogger 網誌 新增Facebook、Buzz、Plurk、Twitter 按鈕
• all social networking icons come from komodomedia.com.; except for google buzz icon.

2011/1/7：
邊欄好像有點太長了...把它收起來...找不到喜歡的gif.....

• Abin's Tech Note：讓側邊列 (Sidebar) 的元件能夠展開和摺疊 (Element Toggling)

2011/2/13：
相關文章：用linkwithin...不過這相關性的判斷...有的一點關係也沒有啊..

• after dusk, before dawn：[Blogger] 有縮圖的關連(隨機)文章 / Related Post with Thumbnail