Blogger背景圖片

Add   Comments


這是一篇關於如何自訂Blogger背景的小筆記.
上一篇的背景尺寸是依照Blogger上傳背景圖片的流程, 檢視背景尺寸應該設定多少? ➤ Click here

如果你不想受限於圖片尺寸, 並且能修改圖像. 自訂一個個性化的背景是相當有趣的事情.
只需要記得一般的電腦螢幕解析度是1024x768, 設計的背景圖不超過這個尺寸, 看起來是比較完美的圖像.

圖片製作區分兩類:

* 1. 透明背景. 將圖像的背景移除. 例如png檔案或是gif檔案. (可使用動畫背景圖)
好處是背景色隨時可更換;而不需換背景圖. 缺點是檔案較大;載入網頁會變慢.


例如我的模組尺寸是920px, 主圖A.png依據模組尺寸修改成適合的大小比例. 
將A.png上傳到相簿, 取得圖片網址即可.

* 2. 套入不透明背景. 將主圖A加上預定的部落格背景色, 另儲存為壓縮的jpg格式.
好處是圖檔可以壓縮變小, 但事先要決定好背景色;不能隨時更換.


A.jpg採用部落格相同的背景色, 融入後將看不見圖像的邊緣, 使得檔案更加精簡.
不透明的gif檔案在每一幀圖片的背景色需一致, 否則將產生跳色的不協調感.

* 修改CSS. Ctrl+F 找到 body.background 這一段落.
修改value設定值 #FFFFFF 改成背景色碼. url(圖檔網址)

另有將圖片設置於指定位置的參數,請自行研究. 懶人病又犯了。。。


Author Summary
Blogger背景圖片
Subject : Blogger背景圖片
Author : - Dream Talker Updated at: 5:08 AM
Votes : 100% - 5.0 - based on 2015
美化部落格背景,自訂Blogger背景圖片
5 Stars - Reviews
留言提示 - Comment Tips
◆ 如果您有任何想法或意見,歡迎參與留言。
◆ Disqus匿名留言,信箱及個人資訊不會公開顯示。
◆ 請多使用社群帳號留言,可簡化流程並訂閱回復。
◆ 『私密留言』請使用Google+分享按鍵,留言須使用『@Mark X』在訊息中,以免遺漏通知。
◆ G+ 訊息中指名分享對象的參考文件: 『 說明
  • Disqus
  • Blogger
  • Facebook
Anonymous left your nick please