將Google Blogger打造成自適應式網站 | blogger範本2018
自從Google於2015年更改搜尋規則,將網站是否符合平板、手機、穿帶式裝置的視覺性效果這點納入搜尋規則後,許多的網站一窩蜂的開始修改網站。x之前有遇到的案例是舊網站沒有重新更動,只多做了一個手機板的網站,真是苦了維護人員(就是以後的更新資料要維護兩次),真的另人頭大....響應式網頁設計(ResponsiveWebDesign)簡稱RWD,又稱適應性網頁、自適應網頁設計,此項技術是為了讓不同的設備都可以正常瀏覽同一網站,提供最佳的視覺體驗。 [1][2]不過這不是今天要討論的主題這次要分享的是用GoogleBlogger打造成自適應網站,以部落格...
自從Google於2015年更改搜尋規則,將網站是否符合平板、手機、穿帶式裝置的視覺性效果這點納入搜尋規則後,許多的網站一窩蜂的開始修改網站。x
之前有遇到的案例是舊網站沒有重新更動,只多做了一個手機板的網站,真是苦了維護人員(就是以後的更新資料要維護兩次),真的另人頭大....響應式網頁設計(Responsive Web Design)簡稱RWD,又稱適應性網頁、自適應網頁設計,此項技術是為了讓不同的設備都可以正常瀏覽同一網站,提供最佳的視覺體驗。 [1][2]不過這不是今天要討論的主題這次要分享的是用Google Blogger打造成自適應網站,以部落格來講,真的要大大稱讚Blogger,自由度超高!能加入的外掛也多!而且國外的模板資源豐富又美觀,下面會列出幾個模板資源分享給大家
可以點選Download&Demo來進行預覽及下載。
我們要使用的就是這個xml檔案!
輸入標題及網址(網址之後可以改的喔!<-超free)
接著點選範本後,右邊的備份/還原。如果之後要從Blogger搬家也是從這邊把文章帶過去~
桌上型電腦版:
這個網站收集了2016年最棒的65個免費Blogger Templates,種類相當齊全富有設計感~
事不宜遲趕快點進挖寶吧!
安裝方式一樣使用下載下來的xml檔即可。
我的Blogger也是套用裡面的template喔,很貼心的附上網站主題供您選擇適合的template。
選擇喜歡的template後,按下Download,下載後通常是一個壓縮檔,解壓縮後會長這樣。
接著登入到您的Google帳號點進Blogger,選擇建立新網誌。
按下備份/還原後會跳出提示視窗如下圖,按下"選擇檔案",選擇到從mybloggerthemes下載的模板資料夾內的xml檔案,按下"上傳",傳完就完成囉!
按下"檢視網誌"來看看成果吧~~~
之後要調整都可以由【版面配置】來進行...