![Blogger 主題設計工具](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHyqMRWLgTD3yRHtdZmQ6-twzfEJvDx1N92bF5fCpX2drTJxHn75leFgxVM6DSWQn9FjWVSJXARQNWp4WiZF6PZmITohgwiPwwpDfj_A5fHUOmnqvXNy0lHcYdLpuuOzLEU6oysitew24/s0-rw-rw/blogde00.webp)
申請 Blogger 建立個人部落格中提到修改主題。註冊時挑選的主題可能不喜歡,或是想更改版面排列,透過 Blogger 的主題設計工具就可修改。什麼是主題?簡單說就是部落格的外觀介面風格,包括版面排列、字型大小、佈景主題、字體顏色、、、等,都可利用設計工具來變更,讓你簡單打造個人風格的部落格。
操作說明:
Blogger 管理後台「主題」→「自訂」開啟主題設計工具,可修改部落格主題。![Blogger 主題設計工具](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-hQRbbI4U_urO1vUJuztGOt5DYzUufSsnqjDgToWLgtU90P5oVU01EUpVRJ-iH5cgOumAFlgUprapCFwK36ZL0uOYmZ0lbacjJ5dDDAJB-TiY_PXOVDp1KRGRtXW5MJGUNvHvU_Vu7Aw/s0-rw/blogger-font01.webp)
進入主題設計工具看到有「主題」 、「背景」、「調整寬度」、「版面配置」、「進階」5個項目可以設定,下方網頁是部落格變更設計的即時預覽。
主題:如同 Windows 作業系統可以變更佈景主題一樣,官方提供 11 種主題,每種主題又可搭配不同配色,多樣選擇。利用下方網頁即時預覽挑選喜歡的主題風格。
![Blogger 主題設計工具](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaS5ou1Q0IWQejV3EAt9cR2TAb4lX1ieDV-tTBXpFDbXr7hyphenhyphenrNMIFcJKNdzksqnMrlBxrUWBsegY1bB8P4w6kGXVW-Uf0kZApE861l8zoZRhJTP5IShetAUqhPC7eK94-zJzZDysGPXIk/s0-rw/blogde02.webp)
背景:可以設定部落格的底圖,點擊「背景圖片」會出現「選取背景圖片」視窗,超過百張的美圖提供選擇。
![Blogger 主題設計工具](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh14_cbLDKOzHgoR5_WIjM0SQYWvOiFA4sPlolDCYmo2Zk6o5FQGLzYQ_KROa97AwvZTzsC6NginUMXlvxXvE_xvlDc-waaNeuhspDqU95xOfdSXqQGPnP9z31MrikT60CPfYtVmq3CmBc/s0-rw/blogde03.webp)
版面配置:部落格網站要有標題(網站名)與文章,所以標題欄和文章欄是固定的,其他的邊欄和尾頁欄可以在這變更排列位置 。
![Blogger 主題設計工具](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpGIWQ_GIKC1fwwaDDFQQ4iG_B83UnDOTFnV81DPxTJsNUziiXTMKXqmpIP80ioGeofiNwqxqSAFDzsEInwNn5NYrGfq5TSM30PMQEXu8Naf_-mT3ELpAFb2umPn3b5FnZEQdpeni_B6Y/s0-rw/blogde04.webp)
調整寬度:變更部落格中欄位寬度,如下圖所顯示調整列對應下方各種欄位的寬度。
![Blogger 主題設計工具](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEedf0VVPScGz0Brspwf_Gh84slcnXsVIq-NS5sA3KYfzZIOy3S_YunN0iRUqbCLpH4EMkHzM6zUW51jEvg-_NoVYrzD_r-ntFfWg3OFXT593tL5UGiUXLRa3nPX3b6SkroHmsYr1-WqQ/s0-rw/blogde05.webp)
進階:當你變更範本時,部落個內顯示的字型顏色大小都跟著變更,如果不想使用預設的字型顏色可以在這做設定。
![Blogger 主題設計工具](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDncHbkyKSGcI4J9JWZdRxCWl3usUpcdSxZ1Zh_LO7nGRPsUl4ACilR00bYlH0yO3m5a1XjHVlvNh_-V6TNbxthOYAQYCw4x6n2YgQXy7U0LIgeg1AOaDn2thSYfTUv0lsGwJhbJ0-P0k/s0-rw/blogger-font02.webp)
補充:調整完畢記得點擊左上角橘色「套用至網誌」才會保存。
0 留言