2016年10月21日 星期五

〔教學〕Blogger範本設定—建立獨具風格的部落格

因為有組員問咱們小組的共通Blog—Nou Food Blog,文章怎麼不是連在一起,而是一篇一篇分開可以點進去的呢?
答案就在使用Blogger的「範本」功能喔,在這裡可以設定Blog想要呈現的樣子,更可以套用別人寫好的範本,讓自己的Blog有展新的樣貌!
▲文章是連在一起的樣子 ▲文章是一篇一篇分開的展示

接下來就來教學如何一步一步設定自己的Blog樣貌!
步驟一:
進入Google Blogger

步驟二:
點選想要設定樣貌的Blog中「▼更多選項」的「範本」

步驟三:
就是在這裡我們可以設定Blog想要呈現的樣子
在「自訂」中,可以設定Blog的配色、寬度、文字…等等眾多的設定
而「編輯HTML」則提供更高階的編輯,但是需要具有網頁語法編輯能力的人
我們先用自訂進去看看吧,點選「自訂」

步驟四:
自訂的頁面裡,提供了背景、調整寬度、進階設定等等
大家可以自己去調整看看,在下面就可以預覽調整的結果喔
在這裡先來試試看調整主要配色吧!
改完後不要忘了按右上角的「套用至網誌」才能完成喔
▲從橘色的配色… ▲改成藍色的樣子!

步驟五:
在這之前我們都是用Google Blogger已經建立好的範本
如果我們想要更好看的樣版呢?
現在已經有許多寫出了不少好像的樣版喔
在這裡提供2個連結讓大家挑選挑選—
1.2014年精選20款Responsive Web Design (RWD) Blogger免費範本
2.2014年Blogger響應式範本第二彈,精選50款免費RWD範本
在這2個連結中有介紹各式各樣的範本,也有連結提供大家下載

步驟六:
選好想要的版型,就可以下載下來
下載來是個壓縮檔,要記得解壓縮喔~
▲選定好所要的範本,點選Download,就可以下載下來
▲下載下來是個壓縮檔,要解壓縮喔 ▲解壓縮檔案後,「XML」就是我們要的檔案

步驟七:
再來就是要上傳上一步驟所講的XML檔案了
點選範本設定頁面右上角的「備份/還原」

步驟八:
就會跳出新的頁面,點選「流覽」
找到我們剛剛解壓縮檔案中的XML檔案
▲點選「流覽」 ▲找到剛剛的「XML」檔案,按下「開啟」

步驟九:
回到剛剛跳出來的頁面,點選「上傳」

步驟十:
就會看到我們範本裡面的網誌即時狀態變成新的範本樣子囉
點選「檢視網誌」來看看我們Blog新的樣子吧!


步驟十一:
新的樣子比起Google Blogger內建的是不是增色不少呢?

簡單的步驟就可以讓部落格有不同的樣貌,除了內容提出的2個連結外,也可以利用Google搜尋看看,試試看其他人編寫的樣版,豐富自己的Blog!

6 則留言:

  1. 哇,感謝你的詳細說明,受用不少

    回覆刪除
  2. 哇,感謝你的詳細說明,受用不少

    回覆刪除
  3. 不愧是組長!!網頁超強的0.0
    受用+1

    回覆刪除
    回覆
    1. 只有這個可以拿來說了 (泣)
      希望有幫助到妳^_^

      刪除
  4. 可不可以請問你們小組的blog用的是哪個範本,我覺得很清爽好看也,但是沒看懂是哪個範本....

    回覆刪除

Gallery

Most Commented

聯絡表單

名稱

以電子郵件傳送 *

訊息 *

2014 © Planer - Responsive Blogger Magazine Theme
Planer theme by Way2themes