這系列文章來分享一些很基本的blog玩法，難的我也不會
部落格除了寫寫字、貼貼圖，其實還有許多小語法
讓格主可以更了解讀者的反應，也更凝聚網路上的小圈圈
VW部落格的功能真的很陽春，不過我還比較喜歡陽春點的介面
功能簡單、清楚最好，眼花撩亂的版面只會讓人找不到重點
以後如果開放自訂版位，那能玩的東西就多到不得了了！
制式的版型設計是最令人覺得無趣的
如果一個部落格只能改一個地方，「標頭」絕對是我最想換掉的部分
部落格的基礎是由「CSS」而來，也就是一大串的語法
有一點基礎改起來其實不難
在改之前我習慣先把原始的CSS備份，改了一處沒問題，再備份，再改下
一處
以免某一個地方出錯，但改過的地方太多，會找不出bug
到時就只能全部回溯、全部重來喔！
今天不貪心，來改一下標頭的圖就好^^
●step_1
先進入＜樣版設計＞，選一個妳喜歡的版型
記得喔，在這邊挑的重點是＂欄位位置＂，比如我喜歡月曆、最新文章
、留言、計數器都在上方的版型，所以我挑了「自然悠活」
●step_2
點選＜套用＞，再點＜前往我的部落格＞，就可以看到套用成功囉！
※＂後台管理＂與＂部落格＂，應該放在兩個視窗，用＂Alt+Tab＂切換
就好，每改完一次切到部落格，按下F5就能看到最新結果
●step_3
套用完畢後，利用這套版型來修改CSS！
點選右上方的＜運用CSS來自訂您的樣版＞，就會出現＜編輯樣版CSS樣
式＞，裡面有一堆語法
●step_4
那圖片在哪裡呢？
找到任何結尾是「.jpg」或「.gif」的網址，拷貝下來貼到ie裡，妳就
知道那是哪張圖啦！
●step_5
找到「http://verywed.com/vwblog/theme/1col7nature/images/bg1.jpg」是一張圖，貼到ie觀看，娃～原來是背景圖！
※bg是很常用的命名代號，為background的縮寫
●step_6
每個網址都可以看看是什麼圖，找到
「http://verywed.com/vwblog/theme/1col7-nature/images/bg2.jpg」
就是標頭的大圖！將圖片另存新檔。
※每個版型大圖網址不同，要自己找喔～
●step_7
到妳的繪圖軟體中打開剛存下的背景圖，選一張妳要放的照片覆蓋掉。
因為標頭的圖是橫的，設計時盡量找橫圖喔，不然也可以像我的VW個人
頁這樣好幾張拼成一張橫圖。
做好存成「bg2.jpg」
●step_8
將新的「bg2.jpg」上傳到網路上，比如妳的網路空間、Flickr...等等
，我傳到Flickr。
接著在傳好的圖上點右鍵，就可以拷貝圖片的網路路徑。
●step_9
回到＜編輯樣版CSS樣式＞，把原本的標頭圖檔網址，換成妳上傳的新圖
檔網址。
●step_10
切到部落格按下F5，就看到標頭大圖換掉囉^Q^
其他所有的圖(背景、分隔線...等等)換法都一樣囉~
▼▼▼▼▼▼▼
其實CSS語法仔細看就看得懂...
header = 標頭
background = 背景圖
category-menu = 分類選單
article-footer = 文末
note-header = 便利貼表頭
note-body = 便利貼表身
note-footer = 便利貼表尾
messagelist = 留言框
footer = 頁尾
這幾張圖換一換，版面就大不同囉~~!!
by阿貓
