我的Blogger也是套用裡面的template喔，很貼心的附上網站主題供您選擇 ... soratemplates的模板有非常多類型，有像日記一樣的版型，也有適合 ...跳到主要內容將GoogleBlogger打造成自適應式網站9月29,2016取得連結FacebookTwitterPinterest以電子郵件傳送其他應用程式自從Google於2015年更改搜尋規則，將網站是否符合平板、手機、穿帶式裝置的視覺性效果這點納入搜尋規則後，許多的網站一窩蜂的開始修改網站。

x之前有遇到的案例是舊網站沒有重新更動，只多做了一個手機板的網站，真是苦了維護人員(就是以後的更新資料要維護兩次)，真的另人頭大....響應式網頁設計(ResponsiveWebDesign)簡稱RWD，又稱適應性網頁、自適應網頁設計，此項技術是為了讓不同的設備都可以正常瀏覽同一網站，提供最佳的視覺體驗。

 不過這不是今天要討論的主題這次要分享的是用GoogleBlogger打造成自適應網站，以部落格來講，真的要大大稱讚Blogger，自由度超高！能加入的外掛也多！而且國外的模板資源豐富又美觀，下面會列出幾個模板資源分享給大家1.mybloggerthemes可以點選Download&Demo來進行預覽及下載。

我們要使用的就是這個xml檔案！輸入標題及網址(網址之後可以改的喔!<-超free)接著點選範本後，右邊的備份/還原。

如果之後要從Blogger搬家也是從這邊把文章帶過去~桌上型電腦版:2.gooyaabitemplates這個網站收集了2016年最棒的65個免費BloggerTemplates，種類相當齊全富有設計感~事不宜遲趕快點進挖寶吧！安裝方式一樣使用下載下來的xml檔即可。

3.designscrazed4.soratemplates我的Blogger也是套用裡面的template喔，很貼心的附上網站主題供您選擇適合的template。

選擇喜歡的template後，按下Download，下載後通常是一個壓縮檔，解壓縮後會長這樣。

接著登入到您的Google帳號點進Blogger，選擇建立新網誌。

按下備份/還原後會跳出提示視窗如下圖，按下"選擇檔案"，選擇到從mybloggerthemes下載的模板資料夾內的xml檔案，按下"上傳"，傳完就完成囉！按下"檢視網誌"來看看成果吧~~~手機版本:之後要調整都可以由【版面配置】來進行修改喔!gooyaabitemplates裡的模板也相當精美喔，一樣提供免費預覽及下載，安裝方式也跟mybloggerthemes一樣。

只要懂一點html跟CSS的話修改也相當簡單~這個網站的Templates很適合做成展示型網站，可以依照主題來挑選喜歡的風格。

designscrazed也是很好挖寶的網站，除了BloggerResponsive的模版外，ResponsiveHtml5+CSS的Template也很豐富，都可以在裡面免費下載範例使用看看!soratemplates的模板有非常多類型，有像日記一樣的版型，也有適合雜誌廣告社使用的版型都可以免費下載。

以上介紹了幾個可用於Blogger的ResponsiveTemplate，國外的設計簡單又大方，大家也趕快試試看吧!自適應網站響應式網站設計BloggerGoogleResponsiveTemplate取得連結FacebookTwitterPinterest以電子郵件傳送其他應用程式留言多情公子2019年1月1日下午11:31我照著您的步驟使用，它卻回應這個錯誤，請問可以怎麼解決嗎Wewereunabletosaveyourtheme.Yourthemecouldnotbeparsedasitisnotwell-formed.PleasemakesureallXMLelementsareclosedproperly.XMLerrormessage:Contentisnotallowedinprolog.回覆刪除回覆回覆le?2019年8月30日上午3:05不错好文章回覆刪除回覆回覆阿鴻小站2020年2月10日上午9:00感謝分享這資訊很讚回覆刪除回覆回覆新增留言載入更多…張貼留言熱門文章Mac如何改變字體大小？輕鬆把字變大！年紀大的長輩是不是都覺得電腦螢幕的字體太小、ICON太小，看不清楚呢？要把字體變大其實很簡單！1.在Dock點下「系統偏好設定」，點選「顯示器」。

2.進到顯示器畫面，按下「縮放」。

3.下面就會出現「較大文字」＆「更多空間」可以選囉！點下後Mac會自動顯示給