2012年2月27日 星期一

2.2 取得 Blogger 版型



程式閣 > Blog > 取得 Blogger 版型

接者來討論 Google Blogger 的建置,並整理所需要的工具與網路上相關的文章連結,要使用 Google 提供的產品,皆需先有 G-mail,有了 G-mail 後就有一個可以使用 Google 產品的通用帳號,有了此帳號後就可以到 Blogger 登入,之後就是選擇 Blogger 所提供的版型,但可選的項目有限,可以先選個比較簡單的,之後再換,當設定完成後,就是我們要開始動手的開始。

之前說的別家版型不夠,結果一進來 Blogger 看,發現也少的可憐,別急別急,接下來的就是提供網站給大家換版面,下面的 Blogger Templates 是個免費 download 的網站,其中的版型可以有多種欄位可選:

(P.S. 後面會以此處提供的 Magazine Basic 範本為例)

進入選好想要的版型後,下載解開,會有一個 xml 的檔案,請開啟你的 Blogger,在新版的 Blogger 版面,左邊的工具列裡,有一個『範本』,點入後,在右上角有個『備份/還原』的按鍵,點進去看會出現,上面是『下載完整範本』的選項,下面則是要『上載』的選項,建議在每次的更版前,都要作好備份的動作,尤其是第一次使用的人,請先按上面的『下載完整範本』,將原有的 xml 檔作備份。[新版的Blogger中,此項被放到:主題中,其右上角有 備份/還原 選項,主題的正中間,自已的網頁view下面也有可以直接修改的 編輯HTML 選項,直接編輯後即可儲存,版面配置即修改完成][Ref. link:1]

Ctrl+Shift+j 把 Javascript控制台的線上文件編輯器叫出來看程式,以要修改工具列為範例來看,先用mouse指到要改的地方,然後按右鍵後,選 Inspect 即可進入修改的視窗,在修改視窗中再選右鍵找 Edit as HTML 方式,即可修改程式,修改後按空白的地方即完成修正,可即時看到結果在右邊,若完成,則把修改的程式碼備份起來,再由下載的備份檔裡作修改後再上傳,即完成修正][Ref. link:2]

備份好原來的 xml 後,就可以把從 Blogger Templates 拿到的 xml 檔往上送,選擇好檔案後,按下『上載』,Blogger 會啟動他的語法檢查器,若有問題的話,會被擋下來,並出現一堆紅色的錯誤訊息,告知你大約在那個部份的檢查不過,請再次確認程式無誤後再上載。

上載完成後,請按下在最上方的『檢視網誌』,看出來的風格與版型是否如剛才在 BTemplates 的相同,有時會出現落差,或是有的顯示是有問題的,因為在此網站上的版型,不一定都可以正常 work,所以,建議遇到不行的版就再換別的,先換到一個合用的再往下走。

[Ref. link]
1: Google\Blogger幫助: 備份、導入或刪除Blog
2: 阿莫的學習旅程: 修改Blog網頁語法的好方法


 

0 意見:

張貼留言