將Google Blogger打造成自適應式網站

自從Google於2015年更改搜尋規則，將網站是否符合平板、手機、穿帶式裝置的視覺性效果這點納入搜尋規則後，許多的網站一窩蜂的開始修改網站。
x

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

不過這不是今天要討論的主題這次要分享的是用Google Blogger打造成自適應網站，以部落格來講，真的要大大稱讚Blogger，自由度超高！能加入的外掛也多！而且國外的模板資源豐富又美觀，下面會列出幾個模板資源分享給大家

1.mybloggerthemes

可以點選Download&Demo來進行預覽及下載。

我們要使用的就是這個xml檔案！

輸入標題及網址(網址之後可以改的喔!<-超free)

接著點選範本後，右邊的備份/還原。

如果之後要從Blogger搬家也是從這邊把文章帶過去~

桌上型電腦版:

2.gooyaabitemplates

這個網站收集了2016年最棒的65個免費Blogger Templates，種類相當齊全富有設計感~

事不宜遲趕快點進挖寶吧！

安裝方式一樣使用下載下來的xml檔即可。

3.designscrazed

4.soratemplates

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

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

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

按下備份/還原後會跳出提示視窗如下圖，按下"選擇檔案"，選擇到從mybloggerthemes下載的模板資料夾內的xml檔案，按下"上傳"，傳完就完成囉！

按下"檢視網誌"來看看成果吧~~~

手機版本:

之後要調整都可以由【版面配置】來進行修改喔!

gooyaabitemplates裡的模板也相當精美喔，一樣提供免費預覽及下載，安裝方式也跟mybloggerthemes一樣。只要懂一點html跟CSS的話修改也相當簡單~

這個網站的Templates很適合做成展示型網站，可以依照主題來挑選喜歡的風格。

designscrazed也是很好挖寶的網站，除了BloggerResponsive的模版外，Responsive Html5+CSS的Template也很豐富，都可以在裡面免費下載範例使用看看!

soratemplates的模板有非常多類型，有像日記一樣的版型，也有適合雜誌廣告社使用的版型都可以免費下載。

以上介紹了幾個可用於Blogger的Responsive Template，國外的設計簡單又大方，大家也趕快試試看吧!