2008年3月4日 星期二

[Blog] Blogger 版面 Template 更改

把 Blogger 的版面做變成三欄的配置(已經想很久了 XD)
整體來說更改不會很費力
主要就是要注意一些小地方,就會挺輕鬆
(說輕鬆也是要好幾個小時左右…Orz)

這一次更改版面,做了一些小調整
讓網頁比較快的縮起來
配色沿用之前的設定
側邊欄位的網頁元素也大多沿用
但是還是有幾個速度非常不穩定的元素
像是 MyMiniCity
正在考慮拿掉或自己寫一隻 XD

唯一出現問題的是「繼續閱讀」功能
不能正確套用再這個新的 Template 上
需要修正 Template 才能正常使用
方法為:
切換到「修改 HTML」頁面
勾選「展開小裝置範本」
找到「<data:post.body>」這部份
把頭尾用「<span class="fullpost">」和「</span>」包起來
<div class="post-body entry-content">
<span class="fullpost"><p><data:post.body></data:post.body></p></span>
<div style="clear: both;"/>
</div>

接著「繼續閱讀」就可以順利出現嚕 ^^y




以下簡單說明安全的更改版面方式:
一:
首先是 下載完整模版 備份目前的版面

二:
接著到控制主頁
開啟一個暫用的 Blog,把新的模板套用上去
接著慢慢加入原來 Blog 的網頁元素
做好設定,調整一下之後,儲存
然後 下載完整模版

三:
回到原本的 Blog 把新的模板上傳上去
然後也不知道為什麼
網頁元素會亂掉(名稱對,內容不對)
這時候就開兩個視窗
暫用的 Blog 來對照,更改到原本的 Blog 上面



相關閱讀:
更改 Blogger書籤按鈕 顯示方式 - CSS
[教學] Google Analytics - 分析您網站的流量和資訊
Blogger的最新回應功能
 

沒有留言: