簡易更換Blogger的背景圖
最近時常在玩我的Blog，想儘辦法就是要讓自己的Blog與眾不同，但其實我並沒有學過CSS，也看不懂，只有學生時期簡單玩過一點點的網頁設計，現在想玩點不一樣的東西，就是上網去找一些高手，看人家的教學，但就算看人家的教學，也只是會東抄西貼的方式來玩，不過，看多了、抄久了，似乎也稍微知道怎麼做簡單的變化，慢慢的也想把自己的一些心得分享給大家知道。
常常看到其他Blogger的使用者，背景做的很漂亮，也希望能擁有一個屬於自己的背景畫面，可是當看不懂CSS，或是一堆程式碼看的眼花撩亂時，加上Blogger沒有內建換背景的功能，要怎麼自己換咧？這時不用會CSS，只要有一點點的網頁技巧（概念），就可以用圖法煉鋼的方式來做改變。
Step 1.
我所使用的是Dave Shea所建立的 Snapshot Sable範本，但總覺得背景還是單調了些，所以決定換上自己的背景圖。
Step 2.
首先我們到“範本-修改HTML”找到這段程式碼
/* -- basic html elements -- */
body {
padding: 0;
margin: 0;
font-size: small;
color: $textcolor;
background: #fff;
text-align: center;
}
將#fff部分改成url('http://圖片來源位置.jpg') fixed left bottom no-repeat，記得最後的分號(;)不要漏掉。換完後，可以先儲存範本並重新瀏覽一下你的Blogger。
Step 3.
有沒有看到背景圖了，這樣其實已經成功了一半。雖然美美的背景圖已經放上去了，但還是有被文章欄的背景圖檔到，感覺還是怪怪的，這就要是完成剩下的一半，移除文章欄的背景圖。
Step 4.
此時將游標移到文章灰色的部份，按滑鼠右鍵，點選“檢視背景圖片(W)”。
Step 5.
這動作只是要知道文章欄背景圖的檔案位置，並複製這個網址。
Step 6.
再回到“範本-修改HTML”，利用尋找文字(Ctrl + F)功能，輸入剛剛複製的網址，找到這段程式碼。
將background: #fff url(http://www.blogblog.com/snapshot_sable/bg-body.gif) 0 0 repeat-y;一整段刪除，儲存範本並重新發佈。
Step 7.
有沒有發現美美的背景圖不再被文章欄檔到了，這樣就完成屬於個人的背景圖囉！
老王的提醒：
1.修改前要習慣做備份的動作，備份好就大膽的試，就算最後整個失敗（搞亂）了，大不了按下“將迷你組件範本回復為預設值”，整個重來就好了。
2.在尋找程式碼時，可多擅用尋找文字(Ctrl + F)的功能，可省下不少時間。
3.各地高手如看到老王有哪些地方說明錯誤的，或是有更簡易的方式，請不吝指正，我會非常虛心接受您的指導。
發表文章
