【Computer】Blogger版面大改造 | blogger版面教學
【Computer】Blogger版面大改造. 2013開始用Google的Blogger以來，居然到2017我才知道Blogger可以套用人家寫好的版型！？ 一直以來都只 ...HomeComputer【Computer】Blogger版面大改造【Computer】Blogger版面大改造byMarvelChang3/28/201709:22:00下午ReadComputer3/28/201709:22:00下午2013開始用Google的Blogger以來，居然到2017我才知道Blogger可以套用人家寫好的版型！？一直以來都只會用Blogger內定版型的我真是內牛滿面！Google的Blogger很好用，自由度以定制的部落格來說算是蠻大的，比起國內其他知名部落格平台而言，算是相當自由，且只要高興，側邊欄根本不用放任何自己不想要的廣告，就算想要利用廣告來賺錢，自己也可以選擇廣告類型。
而Blogger的缺點就是，有很多東西都要自己設定。
痞客邦可以輕鬆提供的側邊欄「最新文章」、「文章分類」等，在Blogger都要自己動手，且Blogger的版型選擇並不多。
不過這些困擾，在我知道Blogger可以套用人家寫好的版型以後，就再不是問題啦！那麼，如何替自己的部落格換上喜歡的版型呢？（以下點圖進去可放大）在Google搜尋“Bloggertemplate”你會得到許多搜尋結果，點第一個搜尋結果進去，會發現好多喜歡的版面。
點我連結➔https://gooyaabitemplates.com/這邊我選擇Hilary這個版型，點進去後，選擇LivePreview可預覽版型。
選擇Download下載版型，這邊是一個zip檔。
解壓縮zip檔之後會得到三個檔案，如下： 其中XML是之後我們要用來上傳到後台的檔案，其他是安裝說明與如何更改版面的文件。
讓我們回到Blogger後台，點選「主題」後，選擇右上角的「備份／還原」。
上傳剛剛解壓縮得到的XML檔再來到版面配置自訂我們的側邊欄SidebarRightA一開始側邊欄會多很多小工具欄，我們可以自己選擇哪些要移除，以及要排在什麼位置。
這些跟原本部落格使用的步驟差不多，就不多做介紹了。
下面說說我自己改的幾個小工具欄：「RecentPosts」顧名思義就是顯示最新PO的文章幾篇文章，這邊我選擇顯示最新的3篇，參數與程式碼如下：儲存之後外觀是這樣：Blogger原生設定沒有最新文章這個設置，因此這個側邊小工具算是蠻不錯的。
這個設定方法於下載的zip內就有說明了就在這個OfflineDocument...PDF檔內，只不過是英文。
「FollowUs」就是讓讀者可以追蹤自己的社群帳號。
只要把自己社群帳號的主網址新增進連結即可。
弄好之後外觀是這樣再來是另一個很重要的設定「文章分類」在Blogger也沒有文章分類這個選項，所有的分類就是你文章內的「標籤」，因此每一篇文章都要記得給個標籤，這樣才能把文章好好分類。
在SidebarRightB這個區塊，作者把「標籤」放到這邊，我把名字改成Categories，設定如下：弄好之後外觀是如下呼～不知不覺打了很長一篇。
還有其他設定像是如何把instagram的小工具（widget）放到Blogger上，以及Footer的設定敬請期待Blogger版面大改造（下）～懶人病又發作了，先讓我看一下美劇先>_<【Computer】Blogger版面大改造ReviewedbyMarvelChangon3/28/201709:22:00下午Rating:5Tags:ComputerSHARETHISShareitTweetShareitShareitPinitYouMightAlsoLikeComputerNextYouareviewingMostRecentPost3則留言:花粉❤愛漂亮2019年5月11日下午5:16感謝您的分享回覆刪除回覆回覆花粉❤愛漂亮2019年5月11日下午5:20請問我照你的方法下在版面後上傳(有顯示上傳成功)但還是沒更新...有沒有辦法可以解決...回覆刪除回覆回覆花粉❤愛漂亮2019年5月11日下午5:30我下載之後想上傳一直跑出這個:我們無法儲存你的主題。
你的主題結構不完整，因此系統無法加以剖析。
請確定所有XML元素均已正確關閉。
XML錯誤訊息：Contentisnotallowedinprolog.回覆刪除回覆回覆新增留言載入更多…訂閱：張貼留言(A
而Blogger的缺點就是，有很多東西都要自己設定。
痞客邦可以輕鬆提供的側邊欄「最新文章」、「文章分類」等，在Blogger都要自己動手，且Blogger的版型選擇並不多。
不過這些困擾，在我知道Blogger可以套用人家寫好的版型以後，就再不是問題啦！那麼，如何替自己的部落格換上喜歡的版型呢？（以下點圖進去可放大）在Google搜尋“Bloggertemplate”你會得到許多搜尋結果，點第一個搜尋結果進去，會發現好多喜歡的版面。
點我連結➔https://gooyaabitemplates.com/這邊我選擇Hilary這個版型，點進去後，選擇LivePreview可預覽版型。
選擇Download下載版型，這邊是一個zip檔。
解壓縮zip檔之後會得到三個檔案，如下： 其中XML是之後我們要用來上傳到後台的檔案，其他是安裝說明與如何更改版面的文件。
讓我們回到Blogger後台，點選「主題」後，選擇右上角的「備份／還原」。
上傳剛剛解壓縮得到的XML檔再來到版面配置自訂我們的側邊欄SidebarRightA一開始側邊欄會多很多小工具欄，我們可以自己選擇哪些要移除，以及要排在什麼位置。
這些跟原本部落格使用的步驟差不多，就不多做介紹了。
下面說說我自己改的幾個小工具欄：「RecentPosts」顧名思義就是顯示最新PO的文章幾篇文章，這邊我選擇顯示最新的3篇，參數與程式碼如下：儲存之後外觀是這樣：Blogger原生設定沒有最新文章這個設置，因此這個側邊小工具算是蠻不錯的。
這個設定方法於下載的zip內就有說明了就在這個OfflineDocument...PDF檔內，只不過是英文。
「FollowUs」就是讓讀者可以追蹤自己的社群帳號。
只要把自己社群帳號的主網址新增進連結即可。
弄好之後外觀是這樣再來是另一個很重要的設定「文章分類」在Blogger也沒有文章分類這個選項，所有的分類就是你文章內的「標籤」，因此每一篇文章都要記得給個標籤，這樣才能把文章好好分類。
在SidebarRightB這個區塊，作者把「標籤」放到這邊，我把名字改成Categories，設定如下：弄好之後外觀是如下呼～不知不覺打了很長一篇。
還有其他設定像是如何把instagram的小工具（widget）放到Blogger上，以及Footer的設定敬請期待Blogger版面大改造（下）～懶人病又發作了，先讓我看一下美劇先>_<【Computer】Blogger版面大改造ReviewedbyMarvelChangon3/28/201709:22:00下午Rating:5Tags:ComputerSHARETHISShareitTweetShareitShareitPinitYouMightAlsoLikeComputerNextYouareviewingMostRecentPost3則留言:花粉❤愛漂亮2019年5月11日下午5:16感謝您的分享回覆刪除回覆回覆花粉❤愛漂亮2019年5月11日下午5:20請問我照你的方法下在版面後上傳(有顯示上傳成功)但還是沒更新...有沒有辦法可以解決...回覆刪除回覆回覆花粉❤愛漂亮2019年5月11日下午5:30我下載之後想上傳一直跑出這個:我們無法儲存你的主題。
你的主題結構不完整，因此系統無法加以剖析。
請確定所有XML元素均已正確關閉。
XML錯誤訊息：Contentisnotallowedinprolog.回覆刪除回覆回覆新增留言載入更多…訂閱：張貼留言(A