如何換Blogger的主題模版?

Views

覺得Google Blogger很好用, 但可嘆它提供的主題模版選擇太少了嗎? 看腻了Blogger的官方主題版面嗎? 你可知道原來網頁的主題-Theme也和SEO優化有關嗎?

如果想要換個不同主題模版又覺得 Blogger 後台裡的"官方主題"沒有一個主題可以吸引你? 沒關係, 本篇將提供數個免費下載的非官方Blogger主題模版網站, 並step-by-step協助安裝.

不論你是選擇那家網站所提供的非官方免費Blogger主題模版, 安裝方法都是大同小異, 不外乎下面四個步驟:
 
備份→下載主題→copy新主題的xml內容→直接貼入blogger後台的HTML裡取代舊有的HTML碼即可.

 

    下載免費的主題模版


    沒關係, 看膩了自己的, 又不喜歡Blogger後台裡其他的官方免費版型, 那麼, 請移駕到這裡來挑免費的Blogger Template. 不僅僅是免費而己, 按下[By Features]鍵, 你可以選SEO ready的, 也可以選有Drop Down Menu的, 各式各樣你想的到的功能的主題模板, 這裡都有.

    這張圖片的 alt 屬性值為空,它的檔案名稱為 image-216.png
    根據你的部落格的功能挑好自己喜歡的模板, 然後按下[Download]鍵.
    這張圖片的 alt 屬性值為空,它的檔案名稱為 image-215.png
    然後, 到你的download folder 打開ZIP檔, 看到其中一個以.xml為結尾的檔案就是等一下要上傳的主題模版程式碼.
    這張圖片的 alt 屬性值為空,它的檔案名稱為 image-213.png

    如果沒有WinZip來unzip這個檔案, 可以到這個免費線上unzip的網站來unzip這個zip file.

    只要把剛才下載的zip檔上傳到這個ezyZip網站, 按下[Extract]鍵, 然後選擇結尾是.xml的檔案按下[Save]鍵即可.




    如何安裝新的主題模版?


    這個網站本身就有很詳細的說明, 教你怎麼安裝更換新的主題. 上去看圖說故事即可.

    或是看下面這個短片, 會從如何備份還原主題開始, 到選一個新的主題上傳到Blogger 後台, 成功的安裝一個新的模板. 前後不到4分鐘, 就幫blogger換了新衣.


    在開始動手更換主題模版前, 記得先到部落格後台→[主題]→按[備份/還原]. 
    這張圖片的 alt 屬性值為空,它的檔案名稱為 image-217.png
    如果不是新格子, 而是己經手動修改加裝很多程式碼的格子, 建議先做備份主題, 以免不測, 後悔莫及.

    備份好後, 要開始幫部落格"變臉"了. Face Off.....

    也是在部落格後台→[主題]→按[備份/還原], 但這次不按[下載主題], 改選[Choose file]鍵
    這張圖片的 alt 屬性值為空,它的檔案名稱為 image-218.png
    我把在zip file裡的 .xml 檔移到Documents了, 所以現在上傳時會在Documents裡選剛才download的新模板- Schema.xml
    這張圖片的 alt 屬性值為空,它的檔案名稱為 image-219.png
    選好後按下[上傳]鍵即可.  新的臉蛋兒就出現啦.

    下載和換上新裝其實又快又簡單, 的在於換完新裝後, 怎麼再把之前手動修改過的程式碼一一放回去... 哈! 那會是個大工程! 所以為什麼說要先備份, just in case, 你還有回頭路.

    <2020年更新> Blogger改版後, 主題下已經沒有[Choose File]的選項了, 不過, 一樣可以手動更換主題模版, 只需用下面的方法, 手動在[編輯HTML]裡自行換上即可.

    錯誤訊息-手動加入新主題模版



    如果你用了上述的方法, 郤出現了錯誤訊息
    這張圖片的 alt 屬性值為空,它的檔案名稱為 image-228.png
    那麼另一個方法就是手動加入全部的主題模板的HTML程式碼.

    這裡有短片從2:18 開始, 秀你如果出現錯誤訊息如何手動加入HTML程式碼到Blogger 後台.


    手動加入新主題模版的步驟:

    1) 用notepad打開.xml檔
    這張圖片的 alt 屬性值為空,它的檔案名稱為 image-229.png
    2) 在Notepad的Edit→Select All→Copy
    這張圖片的 alt 屬性值為空,它的檔案名稱為 image-230.png
    3) 到Blogger [後台]→[主題]→[編輯HTML]
    這張圖片的 alt 屬性值為空,它的檔案名稱為 image-232.png
    按下Ctrl+A 選取所有的程式碼, 再按下Ctrl+V貼上剛才從Notepad上copy下來的新主題模板的HTML程式碼, 然後按[儲存主題]即可. 

    這個免費下載主題模板的網站本身就有提供很詳細的PDF和影片教學. 在網站內先按下你想要下載的主題, 然後選"Live Preview"
    這張圖片的 alt 屬性值為空,它的檔案名稱為 image-248.png
    此時你就可以看到這個你選中的主題模板上線後的樣子. 按下"Video Documentation" 就可以看到教學影片. 按下"Documentation" 就有很詳細的 step-by-step 的教學.
    這張圖片的 alt 屬性值為空,它的檔案名稱為 image-249.png

    更多免費的主題模版的選擇



    這裡再介紹三個網站, 上面也有不少好看免費的Blogger主題模版可供下載使用, 安裝方法如上述"手動加入新主題模版"一樣.

    試用了另一家提供的免費主題模版, 也許種類不是太多, 但每一個都很漂亮, 讓我每一個都想換來試看看. 重點是, 安裝簡單, 修改方便, 說明文件清楚易懂. 

    這裡還有這一家BTemplates也不錯, 有4000+多種選擇(本站目前剛換的新裝就是來自這家的ZENZERO, 簡單大方). 這家有300+種選擇, 是2019年最新版本.

    另外這家Templatelib也有很多不錯的主題可供選擇.

    當然啦, 除了本站介紹的這5個網站, 在Google 上直接搜尋也能找到不少. 建議在更換主題模版前, 多花點時間逛逛不同家提供的版型很重要. 

    畢竟每換一次, 還是要花些時間做微調的. 這也是為什麼建議在初建格子時就先換好主題. 不過, 有些主題還是需要有內容後, 才看的出它的優點的.

    結論


    幫部落格換新衣就是這麼簡單的一件事。如果是一個新開的格子更換主題模版更加是零負擔哦。而一個好的主題模版/Template/Theme不僅僅是好看而已,還有助於SEO哦
    當然, 也可以找本站代為更換免費主題, 費用USD$20.
    喜歡或者 不喜歡 如果覺得這篇有用, 那就請我喝杯咖啡吧!請我喝杯咖啡吧!

    11 則留言:

    1. 回覆
      1. Hi David 您好, 很抱歉, 我沒有微信, 但歡迎您為本站的臉書粉專點讚哦, 謝謝.

        刪除
    2. 我在unzip save xml之后要做什么

      回覆刪除
      回覆
      1. Hi David您好,
        新版的blogger已經沒有choose file的選項, 所以在要上傳新主題的xml時,只能用本篇的"手動加入主題模版"的方式,
        1) 用notepad打開.xml檔
        2) 在Notepad的Edit→Select All→Copy
        3) 到Blogger [後台]→[主題]→[自訂]→[編輯HTML]
        4) 把新主題的xml取代舊的, 再儲存即可.
        :img:https://1.bp.blogspot.com/-_mVfaPZs6r8/YBu491DbgbI/AAAAAAAAIAQ/Vo4pa3IjhsIWbUSanKU7gS2UpTVXy11oQCLcBGAsYHQ/s920/swordfish1.jpg:eimg:
        請參照本文第3點, 有影片可參考, 希望有用. 謝謝

        刪除
      2. 弄好了打开布局有一个上面点击主题设置就可以看到我要的主题是吗,我send给你了面子书

        刪除
      3. Hi David您好, 不太清楚您目前的困難是什麼. 如果您是要更換主題, 用非官方主題, 那麼,
        第一步就是先備份您目前的主題
        第二步就是下載非官方主題後, 用notepad打開, 用Ctrl+A來選取全部非官方主題的xml程式碼-->Ctrl+C複製非官方主題的程式碼
        第三步到Blogger 後台-->主題-->自訂-->編輯HTML-->Ctrl+A選取Blogger後台的主題程式碼-->Ctrl+V把第二步裡剛才複製的xml程式碼貼到Blogger後台自訂主題裡
        最後按下儲存即可.

        如果想要還原您原先下載備份的blogger官方主題, 也一樣, 用notepad打開備份檔, 然後重覆上述第二三步即可還原了.
        希望有解答您的問題.謝謝

        刪除
      4. Hi David, 如果您可以上傳遇到困難的截圖, 那麼會比較好理解. 可以利用本站上方"連絡我們"裡的連絡表單上傳截圖.
        如果想要在留言中加入截圖, 請參考這篇"如何在留言裡加入圖檔", 謝謝

        刪除
    3. Dear David

      我有幾個問題想要請問
      1. 安裝新的theme後,blogger的分頁網址會改變嗎?
      因為我有些有已經有還不錯的排名,擔心改變網址後排名會不見
      2. Blogger有沒有辦法讓html變得更整齊,不要全部都黏在一起
      因為我發現我的網址的字體太小,閱讀不友善,但是我只能調整Blogger給的字體設定ex.中、大、特大,我調整完發現有時候設定會跑掉,想要直接編輯程式碼,但html的排版很亂,或者是有沒有其他方法可以調整字體大小?
      3. Blogger有沒有比較方便放表個的方式?
      我希望可以放一些表格上去,但我直接複製貼上後就格式都會跑掉,有點困擾

      希望有空可以幫忙解惑,萬分感謝

      回覆刪除
      回覆
      1. 湯姆您好,
        1) 如果只是換主題模版/theme, 網址不會改變的. 只有換域名, 網址才會變.
        2) 讓HTML變整齊, 可以在[HTML檢視]下按[HTML格式]就可以讓程式碼看起來整齊些. 如下圖, 右邊即是按下那三條線後的格式.
        :img:https://1.bp.blogspot.com/-8MIRojXDiTM/YNEin6bEcfI/AAAAAAAAJEU/tl20N_X4GOorJZhglVh0AopD0LS_BgzIwCLcBGAsYHQ/s1229/Capture2.JPG:eimg:
        3) 文章字體調整, 建議最好的方式是調整主題的字體設定, 而非用文章裡的中, 大, 特大. 我的做法是, 儘量在文章中的字體設定用[一般], 然後在[主題]-->[編輯HTML]裡找到字體大小的設定. 可以參考這篇: 調整文章行間距和這篇: 如何修改非官方主題, 你可以單篇修改字體大小, 也可以直接在[主題]-->[編輯HTML]裡, 修改整個部落格的字體大小.
        4) 在Blogger 裡加入表格有三種方式: 一是直接用HTML程式碼加表格, 一是用Word做出表格貼入, 一是在Google Docs裡製作表格, 然後貼入Google Docs的程式碼. 詳情可以參考這篇: 如何加一個表格在BLOGGER 中?

        希望有幫助, 謝謝.

        刪除
    4. 您好,有找您的步驟換了一個主題模板,但模板最下方有一個區塊顏色不喜歡,有方法可以只更換這塊模板的顏色嗎?

      回覆刪除
      回覆
      1. Hi Peggy, 謝謝您的留言, 是可以更改單一區塊的顏色的, 可以參考這篇
        如果試過還是不行, 可以透過"連絡我們"上傳您的主題模板HTML碼, 我可以試著幫您修改.但請提供您想要竹旳顏色代碼. 謝謝

        刪除

    顯示表情符號