如何換Blogger的主題模版?

Views

看腻了Blogger的既定的主題版面嗎? 你可知道原來網頁的主題-Theme也和SEO優化有關嗎?

想要換個不同的, 但在Blogger 後台裡的"主題"沒有一個現成的主題可以吸引你?
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-214.png

    下載免費的主題模版


    沒關係, 看膩了自己的, 又不喜歡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

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


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

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

    換主題模版前, 多花點時間逛逛不同家提供的版型很重要. 

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

    結論


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

    7 則留言:

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

        刪除