Blogger範本設計工具概說

範本設計工具讓Blogger外觀的設計功能大幅提升，不但方便、人性化又可以即時預覽效果。先前大多要進去修改原本的HTML才能達成，現在不用了！

概略介紹如下：

1.進入方式：
按下右上角設計 / 設計標籤 / 範本設計工具，如下圖：





2.大略的選項有 a.範本 b.背景 c.版面配置 d.進階 等四大項，如下圖：



3.範本共有 a.簡單 b.圖片視窗 c.頂尖企業 d.浮水印 e.輕柔雅緻 f.旅遊 等六大類，如下圖：
a.簡單，如下圖：



b.圖片視窗，如下圖：



c.頂尖企業，如下圖：



d.浮水印，如下圖：



e.輕柔雅緻，如下圖：



f.旅遊，如下圖：



讓您更換範本快速又可以即時預覽效果！

4.背景圖片如下圖：



共分成：a.抽象 b.藝術 c.商業 d.慶祝活動 e.娛樂 f.家庭 g.飲食 h.保健與美容 i.嗜好與手工藝 j.居家與園藝 k.大自然 l.圖樣 m.休閒 n.科學 o.購物 p.科技 q.紋理 r.透明 s.旅遊 等共19項，如下圖：





讓您更換背景快速又方便！

5.版面配置功能更是強大，分成：a.主版面配置 b.頁尾版面配置 c.寬度調整 等三項，如下圖：







讓您版面、頁尾、欄寬都可以立即調整，並可以即時預覽效果，滿意再套用！

6.進階則是對所有細項進行細部調整，共有：a.網頁文字 b.背景 c.連結 d.網誌標題 e.文章標題 f.標籤文字 g.標籤背景 h.文章頁尾 i.小工具 j.圖片 k.強調色 l.新增CSS 等12項功能，如下圖：





























修改滿意之後，只要點選右上角的「套用至網誌」，即可完成，如下圖：



可以讓您的部落格與眾不同又可以輕而易舉的經常變換！

p.s.如果有自行修改過原本Blogger或套用特殊範本(非Blogger原範本者)，有可能會無法使用範本設計工具部分功能，出現如下圖的錯誤訊息：





修改成可以套用範本設計工具的方式如下：
1.先將自行外掛的小工具程式碼HTML備份起來。
2.再套用Blogger內的範本。
3.將自行外掛的小工具程式碼HTML再加回去。
即可！

本部落格親自使用，感覺真的很不錯！變更後如下圖：



發現在套用範本後，部分小工具會移位，甚至跑到不同欄位上去，但是只要小修一下，即可恢復！

相關文章 :