【教學】用CSS修改背景

修改CSS前要先注意的小技巧

1.要修改CSS要先備份喔!!
就是開啟記事本把CSS裡的英文儲存到記事本
若你修改完CSS~發現發佈以後畫面怪怪的
不要慌~按上一頁~刪除壞的~打開備份的貼過去
再重新發佈~這樣修改壞掉就可以用備份的去補救囉!!
基本上..你只要不要亂刪CSS的英文是不會壞的^^"

2.不要直接在部落格就修改
要修改可以到奇摩=>打"語法測試"=>就可以把CSS貼到測試版裡面測試
在那邊~愛怎麼玩~就怎麼玩~重點是不用怕壞掉!!速度也較快^^
在這裡修改也可以..只是這裡速度很慢你要一直按...發佈..F5..

3.善用網路資源
若還想增加一些東西~例如:音樂或日曆或滑鼠游標
可以到語法教學網站~裡面有很多語法喔^^
推薦兩個語法教學網站 => 爪 哇 島 和 清 風 客 棧
但是...建議不要用一次用太多東西~因為這樣部落格打開的速度會變很慢



回到正題!!
用我自己的部落格為範例..教大家怎麼改背景^^





要用CSS改背景要先改部落格的樣式
← 因為我是用這個樣式去修改的 ..









修改範本的方法↓
控制主頁=>範本=>挑選新的=>使用此範本確定=>重新發佈
PS.但是這個範本裡面沒有連結的語法....所以要自己另外加進去... ^^

CSS的範例網址→ http://home.kimo.com.tw/a5420022002/2.html
(這個↑ CSS是我修改過了~裡面已經有連結的語法~看不到請按F5)
若你不想自己加入連結語法~可以直接套用這個
套用方法→控制主頁 => 範本 => 修改目前的 =>
在變更 Blogger NavBar 的下面=> 有一個框框裡面有一堆英文(那就是CSS)
=> 找到CSS以後把裡面的英文全部刪除=>然後貼上我修改過的CSS即可^^


在CSS裡面我有用"中文"寫上貼圖的位置囉!!
修改CSS時只要把裡面的Ａ.Ｂ.Ｃ.Ｄ和"連結"修改成自己想要的
圖片網址和部落格網址可以用奇摩的"語法測試"先測試~確定沒問題~
再貼到部落格的CSS~~發佈~~就完成囉^_^

以我的部落格圖片位置為範例 ↓↓
A:粉紅色背景

B:小屋的小圖

C:淡黃背景圖

D:淡綠背景圖





PS.拉到下面~會看到連結部份~若你已經有改過連結可以直接複製過來

只要複製連結的那一小部份~其他地方不要修改..不然會不能連結喔!!

找圖片網址的方法↓
在網路上找到圖片=>在圖片上按右鍵=>內容=>就會看到網址囉