簡單添加Blogger的背景圖
大過年！家家戶戶都得大掃除，除舊佈新一下！
咱的Blog也不能免俗，在此貼上最最簡單的佈新法..."換背景"～
方法簡單～一分鐘內搞定！往後運用無障礙！
按照慣例先進控制主頁 > 範本 > 修改HTML
因為簡單，同樣不須勾選"展開小裝置範本"！
1. 先找到長得像如下的語法（主要是找到 body { 這東東）
body {
background:#ffffff;
margin:0;
color:#333333;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}2. 我們只要將其中的background:#ffffff;整句換成如下各種語法
讓圖無限拼貼語法：
background:url(http://你的背景圖連結位置) repeat;你就會擁有一張會自動複製到滿滿的背景圖囉～
讓圖僅縱向拼貼語法：
background:url(http://你的背景圖連結位置) repeat-y top left;你就會擁有一張會自動縱向複製，頂上靠左的背景圖囉～
讓圖僅橫向拼貼語法：
background:url(http://你的背景圖連結位置) repeat-x top left;你就會擁有一張會自動橫向複製，頂上靠左的背景圖囉～
一張大底圖居中語法：
background:url(http://你的背景圖連結位置) no-repeat top center;你就會擁有單張，頂上居中的大圖囉～
如果你想將圖給固定住，不隨著上下拖拉移動，則簡單再下一行自行加上固定命令語法即可，語法如下：
background-attachment:fixed;這句語法就是命令你的背景圖固定不動的語句！
另外如果你提供的圖是去背的GIF圖，那麼則可以一樣在上面各語句裡的url前添加顏色代碼，就會按照你給的顏色呈現囉！
添加方式如下：
background:#xxxxxx url(http://你的背景小圖連結位置);沒錯，就是這麼簡單，只要加上#xxxxxx即可，其中的xxxxxx請自行填上顏色代碼呦！
往後你就可以簡單更改你的背景風格囉！！
語法中針對圖放置的對齊位置可以有以下組合運用：
top left 頂上靠左
top right 頂上靠右
top center 頂上居中
bottom left 頂下靠左
bottom right 頂下靠右
bottom center 頂下居中 | 
10 Comments:
在blogger的header及body区域添加图片
在blogger的header区域添加图片:
来源：Customizing your header: add an image
在 的中插入以下代码：
#header {width:660px;margin:0 auto 10px;Type your summary here.
border:1px solid #ccc;
background:#fff url(http://your image.jpg) no-repeat top right;
}
Type the rest of your post here.
在body区域加背景图片：
来源：簡單添加Blogger的背景圖
1. 找到以下区域：
body {
background:#ffffff;
margin:0;
color:#333333;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
2. 将其中的background:#ffffff;换成如下代码
图片无限自动重复：
background:url(http://图片地址);纵向图片重复：
background:url(http://图片地址) repeat-y top left;图片横向重复：
background:url(http://图片地址) repeat-x top left;图片居中：
background:url(http://图片地址) no-repeat top center;图片固定：
background-attachment:fixed;代码及图片：
background:#xxxxxx url(http://图片地址);后面代码在header区域同样适用。
************************************************
2006/12/25
我的 Blog 配色事典
特別將當初為了配此Blog的主色與輔助色給整理了一份出來。算是給自己的Blog做一個階段性的記錄！
每每我在需要做大量主輔配色前。都會先行將可能採用的顏色給一一列表出來，透過多重比對可以很有效率的切割出我所認為的恰當色，通常會對顏色的適用度有不錯的幫助！套用起來也可以便利許多！尤其是接一些大型CIS的案件時，那比對色的工作更是馬虎不得～
色彩！真是神奇的玩意兒呀 :^)
喔！對了～關於配色工具，動不動就開PhotoShop難免過度隆重～呵呵！在此特別推薦一個極為不錯的配色網站～"kuler"～這是Adobe自家於前不久所推出的線上配色網，你可透過這個網站的簡易界面，配出屬於你的絕色，如果你認為自己配出的顏色夠屌！更可以在該網站發佈讓更多人參考使用喔！！
當然如果你對顏色不在行，不想自己來，也可以透過該站參考來自全世界那獨一無二的配色鏈喔！！
Nice
呵呵~
我的blog就是阿Ben教導下做成的~
我的 blog 也受阿 ben 之惠不少 :p
拜年拜年，新年快乐！！！:-D
过来给你拜年了，祝万事如意，猪年多睡点觉！
俺也是来拜年的：）
我們班的wildc8ts blog就是由Benjamin的文章協助才得以在及格的部落格邊邊.不管在過去或在新年的日子中.Ben的部落格永遠都給我們最大的幫忙.所以新年快樂！！萬事如意！！^V^
您好~我想請問背景的語法在甚麼情況下在ie會無效...
因為剛剛改了"某些widget摺疊和首頁不出現"，結果我給標題的背景圖在ie6.0不見了
不知道大大能不能幫小弟看一下...
hello..
我的body {
下方沒有
background:#ffffff; 耶
thanks
Milla你好
我想那語法你可以直接在boyd{
下方加上去就好了喔
I had changed head pic as you tell...
but appearing some words:
"We were unable to save your template
Please correct the error below, and submit your template again.
More than one widget was found with id: HTML2. Widget IDs should be unique."
what's wrong? would you mind telling me?