Blogger Template BlackCat 2.5.0 (3 Columns)

BlackCat-in-IE in IE7 BlackCat-in-Firefox in Firefox

Download BlackCat25-2008-01-15.xml | DEMO 參考網頁

釋出前的廢話:
BlackCat 這個網頁範本受到相當多人的喜愛,或許是因為在 Blogger 中真的缺少三欄式的範本,不過使用這個範本的 Blogger 很多都喜歡下載無 Hack 的版本,或許是因為這樣比較好操作,也能夠在中間的部份顯示更多的內容;這個範本也受到公益團體的喜愛,所以我在年度更新之際把 BlackCat 做了一次大幅的翻修,希望能夠讓更多人能更容易上手,讓他們能夠專注在議題上,而不是在跟 Blogger Code 分站上,邁向 2.5.0 吧,go!

主要 BlackCat 2.5.0 特色說明:
BlackCat-Size
在 1024*768/1280*800 以上解析度已經逐漸成為主流的年代,這一次把版面整體拉寬到 910 px,主文的部分擁有 500 px 的寬度,從 flickr 相簿或是其他相簿服務所提供的照片嵌入,不再是問題。
左右兩欄都是 170 px ,可用來安排 Google AdSense 120*600 與 160*600 摩天大樓型式的廣告欄位,讓整體有更好的運用。
BlackCat-Title
標題區塊直接支援 Blogger 後台直接設定 Title 背景圖片的功能,標題區塊的預設高度會隨著圖片高度產生改變,使用者只要掌握好圖片的寬度(910px)與高度(150px~160px)即可放入自己喜愛的圖片當成標題背景(依據原始的 Widget 設定,圖片一定是靠左排列,需要自行設定 CSS 才可以讓他重複填滿)。
BlackCat-AdSense
文章之間直接支援 Blogger 中 Google AdSense 的相關設定,現在要在文章之間插入 Google AdSense 的廣告欄位,使用者不用再費心於原始碼中尋找安插廣告欄位的位置,讓網站的廣告效果更好。在主文底下也可以加入其他的網頁元素,增添豐富度。
BlackCat-setting-2
修正相當多的部分,現在幾乎所有網頁上的各種區塊與顏色都可以透過後台「顏色與字型」的頁面進行調整,像是 link 的顏色、整體背景顏色,不用因為佈景主題較為單純,設定功能並沒有像 Gadget 2.0 這麼複雜多項,使用者不用再與不熟悉的CSS繼續奮戰(但是要更改背景圖片、調整特定區塊文字大小等,還是得自行透過CSS進行設定,這個功能的目的方便一些整體概觀的調整而已)。所以,如果你覺得要改成藍色、黃色、紅色、紫色、、、等等,都隨你自己高興!
BlackCat-setting
後台設定網頁元素版面位置直接完整對應,讓使用者在操作與新增各類網頁元素時直觀且方便。底下 footer 的部分亦有一欄寬度 910px 可以新增 768*90 超寬型 Google AdSense 廣告欄位並且將網頁元素置中處理,當然,直接放入 Table 規劃成多欄位的各式連結功能也可以喔!

其他延續與繼承功能:
1.上方 Navbar 自動隱藏(Firefox 自動隱藏,IE中則是透明狀態)
2.這個範本主要都是使用 Blogger 預設的 Widget ,並沒有其他任何的 Hacks,像是繼續閱讀功能就請自行安裝。

釋出後的廢話:
設計 BlackCat 拿掉許多多餘的設定與功能,就是希望這個範本能夠像貓一樣優雅、迅捷,當然,如果你喜歡塞入很多很多的外掛程式,或是弄很多圖片、花樣在上面也可以。(笑)

製作 Blogger 專用的範本,目的是希望使用者將心力放在「美化」或「設定個性化」之上,解決使用者遭遇一些版面配置與規劃上需要與 Blogger Code 奮戰的問題,讓使用者享受「個性化」的樂趣,而不要套用一些大家都在穿的制服後,連修改顏色的機會都沒有。

下載、上傳,開始打造自己的 Blog 吧。

Claim:
1.如果你的 Blog 剛申請,且尚未手動增加任何的網頁元素(Page Elements),恭喜你,你可以直接套用這些面版無虞。
2.如果你已經開始使用你的 Blog 了,直接套用這些面版將會失去你所有手動新增的網頁元素(Page Elements),不過完全不會影響你所發佈的文章(Posts)、草稿(Drafts)。
3.如果你已經有手動新增的網頁元素(Page Elements)或是曾經修改過你的 Template,請先備份一份;當你上傳這邊的檔案並儲存時,系統會提示你將會有些網頁元素被刪除,要套用版型的話請「確認」。
4.網頁元素(Page Elements)要重新建置相當容易,就算全部刪除也無損你原本在 Blog 中創作的內容,是否要套用版型來重新設計你的 Blog ,請自行斟酌,恕不負責。
5.『救援或服務』:『沒有!!』改爛了就是重新上傳你的備份,或是重新挑一個新範本套用即可。
6.如果有任何此 Blogger 範本功能上的 Bug ,歡迎回覆留言以進行修正(只關於本範本 Blogger Code 的部份),不過這個範本已經在 Firefox、IE6、IE7 校正過,應該不至於會版型方面的問題,至於版面如何做進階的美化工作(字變大變小、加入圖片等等),就要麻煩使用者自行參考其他網站 CSS 的設定教學了。
7. Blogger 預設功能的限制,例如 title 背景圖片大小、排列、缺角等問題,請發函向 Blogger 詢問該功能的限制,我製作的範本是採用預設的功能。

這個網誌中的熱門文章

Gatsby 廣告中木村拓哉機械舞的背後

Google Doodle : Pacman 小精靈

玩玩軟路由系統