BloggerAds

2009年1月4日 星期日

[Blogger Template] Layout Change 網誌版面全新改版

From: Polin Wei

前一段時間忙著撰寫程式, 有一陣子沒有寫工作日誌, 在放四天假的這段時間, 重新整理一下網誌的 Layout , 讓它更有質感些. 也趁著這次瞭解 Blogger Template 的寫法. 其實它真的一點也不難. 步驟有二.

Step 1: 設計一個 CSS
Step 2: 將 Blogger 的 網頁元素 放在這 CSS 的 Div 中, 就可以了.

Blogger Template 的 CSS & 網頁元素 . 可以參考 bloganol.com , btemplates.com , themelib.com 這幾個網站, 挑選一個您喜歡的, 再作修改一下, 就可以讓您的網誌更有質感囉. 本站的 Layout 就是從 themelib.com 下載 Personal-Mag-magazine-blogger-template.zip 修改而來的.



圖中 新增小工具 的功能也很簡單, 只要記著 新增小工具 的 id 不能重覆即可, 以 Footer 來舉例,只要加入 <b:section class='footer' id='footer'/> 就可以了. 如下:
<div id='footer_wrap'>
    <b:section class='footer' id='footer'/>
</div>

沒有留言:

張貼留言