2007/08/29

放情改版blogger(blogspot)去, 保住側邊欄(sidebar), 少花重覆工!




如果已經使用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>之間的程式碼


<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(展開小裝置範本要勾選), 可以預覽看看! 如果沒問題, 按儲存.

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

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

相關文章 :

12 comments:

SuwaN 提到...

嘻嘻..这也是我之前的烦恼呢!

skyvee 提到...

呵, 希望這個可以幫上忙囉!^^

Jimmy 提到...

請問....我將小裝置搬進新的版後,小裝置裡面的html都消失了說....該怎麼解決呢?...

Skyvee 提到...

Jimmy, 如果有照第一步驟的方式, 應該會保留下來原有的小裝置啊!

如果在存檔時, 有出現某些小裝置即將刪除, 就代表有些小裝置沒複製到, 最好重新再copy一次.

你是把舊版資料copy到新板嗎?那可以再照步驟複製所有小裝置下來, 試看看.

匿名 提到...

Skyvee大,您的部落格真是太實用了,許多解決不了的問題,都在您的網站找到答案,迎刃而解!

skyvee 提到...

很高興您有找到想找的資訊, 其實大部份都是自己在改版中碰到的問題,如果有幫上忙, 我也覺得很開心!^^

魔羯女 提到...

Skyvee大大:

我是来说感谢的啦!都是因为这篇教学让我省去不少麻烦呢!万分感谢^^

Skyvee 提到...

魔羯女您好,很高興有幫上忙,看您現在的新版,色調很舒服哩!改版本來就是大工夫,之前曾吃過大虧,所以把這方法分享出來,希望有需要的朋友都可以用上~

百合 提到...

百合也要尝试尝试, 不知能否成功!
怕....怕

Skyvee 提到...

百合,謹慎是一定要的,也不要怕失敗,從失敗中往往能學到更多哩!

Qoo 提到...

谢谢你细心的分享=)

对于我部落格的匿名者
现在竟然还开了一个账户来骂人
真的很无奈咯
哈哈

Skyvee 提到...

Qoo,呵,是不是你人氣很旺呢? 所以才會有這些無端的是非? :)

張貼留言

謝謝您願意在此分享心得, 讓文章內容更豐富.