【Blogger】background(背景)

這算是凍仁改造Blogger的第一個功能.. 還很多東西要學習呢.. 學習學習XD

1. 進控制主頁 > 範本 > 修改HTML
2. 找到body {} 裡的 background:$bgcolor;
   background:url("http://Orz/DEhklB9RxK8/s1600/dragonraja_bg.png")
   
3. 如要使用Google的Picasa空間

• 上傳圖片至公開相簿
• 點選 連結到此相片
• 複製 要內嵌於網站的 HTML
• 留下圖片的連結
  ex. http://Orz/DEhklB9RxK8/s144/dragonraja_bg.png
• 把樓上的 s144 改成 s1600 就可以當背景圖使用啦XD

相關語法

A.重複背景語法語法
background:url(http://背景圖位址) repeat;

B.背景居中語法
background:url(http://背景圖位址) no-repeat top center;

C.自動橫向重複，置於上方靠左的背景圖語法
background:url(http://背景圖位址) repeat-x top left;

D.固定背景不動
請在以上背景語法後,加上此語法
background-attachment:fixed;

E.範例應用:重複背景語法+固定背景不動語法
background:url(http://背景圖位址) repeat;
background-attachment:fixed;

背景圖放置對齊位置可以有下列組合運用：
top left 置上靠左
top right 置上靠右
bottom left 置下靠左
bottom right 置下靠右
bottom center 置下居中
top center 置上居中

資料來源：
★oldWangs - 簡易更換Blogger的背景圖
★gotoAndPlay() - 添加Blogger的背景圖
相關連結：
★羊男實驗の咖啡館 - Blogger Title Background 圖片問題
★0 與 1 謎詭世界 - Blogger圖片大小的控制