Blogger 三欄式樣版( 3 Columns Template Layout ) EVO 進化版

在 2006 年 12 月初我寫了一篇 3 Columns & Multi-Columns Tamplates for Blogger.com Beta,釋出多欄式樣版與基本三欄式樣版給 Blogger.com 的使用者套用,已有幾個網友下載使用,這幾個樣版很基本,我也沒有放太多的 Hacks 在裡面,這樣子使用者要進行修改的難度也比較低,幾乎只要修改 CSS 就可以改變很多不同的樣貌與外觀,也不會讓 Blog 看起來太過雜亂,像 METAMUSE 現在正在使用的樣版,就是從其中一個樣版修改 CSS 後轉變而成的,樣版裡面也沒有 JavaScript 來拖累開啟速度,使用者只要看看其他教學就可以輕易套用 Read More 與 Archive 只顯示標題的兩個功能。

原本三欄式的設計是希望能夠看起來很優雅細緻的感覺,但是看到人行道套用後,只要塞入多一點 widgets,版面內容就突然變得相當複雜(這跟 CSS 調整、字型大小設定也有關係),所以決定將三欄式( 3 Columns)拿出來修改一下,釋出新的 3 Columns Template Layout EVO 版!(名字是不是俗又有力?XD)

特點:
  • 寬度從原本的 760px 拉寬到 900px ,並調整三欄之間的間距,讓版面看起來不再這麼擁擠。
  • 直接在模版中加入了 Peekaboo Navbar :自動隱藏\顯示上方的 Navbar
  • 讓網站標題區塊向上提升,使用 Peekaboo Navbar 上面不再會白白一條~
  • 底下 Claim 的部分修改背景顏色以符合整個版面配置。
  • 左右欄位 180px 可以放入 120 x 600 的摩天大樓式 Google Adsense 廣告,中間欄位則可以放入 462 寬的橫欄式 Google Adsense 廣告
  • BlogPost 中間欄位部分可以直接新增 widgets
  • 在後台中編輯 Page Elements (網頁元素)時區塊不會再跑出編輯區外了。


連我自己看了都覺得相當完美~XD
不過下載前,該靠憋的部分還是得要先靠給你聽:

Notice
1.如果你的 Blog 剛申請,且尚未手動增加任何的網頁元素(Page Elements),恭喜你,你可以直接套用這些面版無虞。
2.如果你已經開始使用你的 Blog 了,直接套用這些面版將會失去你所有手動新增的網頁元素(Page Elements),不過完全不會影響你所發佈的文章(Posts)、草稿(Drafts)。
3.如果你已經有手動新增的網頁元素(Page Elements)或是曾經修改過你的 Template,請先備份一份;當你上傳這邊的檔案並儲存時,系統會提示你將會有些網頁元素被刪除,要套用版型的話請「確認」。
4.網頁元素(Page Elements)要重新建置相當容易,就算全部刪除也無損你原本在 Blog 中創作的內容,是否要套用版型來重新設計你的 Blog ,請自行斟酌,恕不負責。
5.我尊重使用者「不要」的權力,如果你覺得宣告文字很礙眼,可以自行手動刪除此行文字,或是在同樣的位置放上你自己的宣告文字。
6.『救援:沒有!!』改爛了就是重新上傳你的備份,或是重新挑一個新範本套用即可。

套用方式說明:
1.下載檔案後進入 Blogger 控制台,於「範本」編輯頁面當中進入「編輯 HTML」頁面,選擇檔案上傳,即可套用完成。
2.如果上傳失敗,請用記事本 Notepad 直接開啟 XML 檔,全選、複製後貼入編輯 HTML 的頁面即可,之後按儲存即可。
3.如遇到系統要求確認刪除部分 widgets 請按確認即可。

檔案下載(請按右鍵存檔): 3 Columns Template Layout EVO by METAMUSE

For English Bloggers:
This template is re-designed by Muser. Simple, code clean & very easy to use.
Install:
1.Download the template file at first. Go to EDIT HTML of Template page in your blogger dashboard. Upload the file you got. Done.
2.If you get some errors between uploading the file, use notepad to open the XML file , select all, copy and paste into EDIT Template area to cover the old codes. Save. Done.
3.If you get some messenges to confirm deleting widgets, confirm it or the template won't be saved. All you need to do is adding the lost widgets back.

Right click on the link and choose "Save Target As" to download the file :
3 Columns Template Layout by METAMUSE

這個網誌中的熱門文章

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

Google Doodle : Pacman 小精靈

自架 Android BT / NAS 機:超靜音超省錢超低功耗