少花重覆工改 blogger , 如何保住側邊欄(sidebar) !

原文來自放形浪high

如果已經使用blogger一陣子, 側邊欄或網頁元素加了不少玩意, 一旦想改版時, 大概最頭痛的就是要怎麼做, 可以省最多工夫? 如果是套用別人已設計好的template, 如何保留原先舊版側邊欄內的程式呢?

有一個方法, 可以快快樂樂換版面, 而不會失去原先的側邊欄或網頁元素!


首先要先了解, 通常要加入部落格的一些小玩意(widget),如線上人數, 訂閱, 書籤等, 大部分是加在網頁元素中, 也就是範本-->網頁元素. 如果想換版面, 套用別人設計的範本, 由於每個人使用的網頁元素會不一樣, 所以如果沒有在想套用的範本中加入這些網頁元素的ID, 就會失掉這些網頁元素了.

這裡的方法是保留寫在網頁元素的程式碼, 而不是 用修改html方式, 所加入的程式碼哦!



每一個網頁元素(page element),無論是放在側邊欄或是header, footer, 用html檢視時, 其實都有一個名字, 這名字的來源取決於當初選擇加入 網頁元素的形態. 如, 選擇 HTML/JavaScript, 就會有一個 widget id='HTMLXX' , XX代表數字.



1. 所以想保留哪些網頁元素, 就可以從 範本 --> 修改HTML這裡辦到.

先不要勾選 "小裝置範本", 在想保留的網頁元素處, 如 sidebar, 就先找出<b:section class='sidebar' id='sidebar' > 與 </b:section>之間的程式碼

如

HTML


<b:widget id='HTML6' locked='false' title='My Twitter' type='HTML'/>
<b:widget id='HTML10' locked='false' title='Translation' type='HTML'/>
<b:widget id='HTML3' locked='false' title='RSS訂閱' type='HTML'/>
<b:widget id='HTML5' locked='false' title='加入書籤' type='HTML'/>
<b:widget id='Label1' locked='false' title='我的標籤' type='Label'/>
<b:widget id='HTML4' locked='false' title='Something About Here' type='HTML'/>


**每一列 b:widget 開頭的程式碼, 應該都是 /> 結束!

2.然後把你想套用的template打開(全選程式碼複製到notepad ,存成純文字檔), 找出想安裝的位置, 如sidebar區, 將這些複製出來的程式碼, 貼到 <b:section class='sidebar' id='sidebar' > 與 </b:section> 之間. 可以先貼, 最後再用範本 --> 網頁元素 用拖拉方式調整位置.



3. 最後再把新 "合成" 的程式碼, 全選貼到 範本-->修改HTML(展開小裝置範本要勾選), 可以預覽看看! 如果沒問題, 按儲存.

注意!!萬一出現 "小裝置即將刪除 請確認以下的小裝置是否應該刪除。 這些小裝置的所有配置數據都將遺失。", 代表有些原來的小裝置(網頁元素), 並不會保留, 如果不能確定, 按取消就可以了! 若是已經確認這些網頁元素不需要後, 就按確認吧!

這方法適合進階的改版者, 如果對程式碼沒有概念的話, 可能先等熟悉介面之後, 再考慮這麼做囉!