雖然後台已經有很多樣式可以選擇了,但許多網友還是想要在一個現有版型上, 換上自己的圖片,
而這前提是:
選一個適合換版頭的樣式, 放一張尺寸適合的圖片!

1 - 選擇適合的樣式

適合自行更換版頭的樣式, 通常是較基本型的,有獨立的主視覺, 方方正正的一張圖...
 
 
2 - 找一張尺寸適合的圖片
在樣式的描述中, 已經標示了:圖片大小900x300 (px),建議淺色系圖片為佳
所以我們先要做的是, 生出一張900X300 大小的圖片...
可以使用影像編輯軟體裁出我要的大小。
 
 
3 - 上傳圖片至相簿, 讀取路徑
處理好的圖片, 上傳至自己的相簿(如果超過600px 務必保留原始尺寸唷)
再來便是找到那張圖片的絕對路徑,以便我們能放進CSS中。
 
 
★是不是有些人還不知道如何找到圖片的路徑呢?
下面列了目前三種最為多數人使用的瀏覽器, 讀取圖片網址的方式。
Firefox(火狐) 直接在圖片上點滑鼠右鍵,就有複製圖片網址的功能
google chrome 直接在圖片上點滑鼠右鍵,就能複製影像網址
IE則是必須在圖片上點滑鼠右鍵, 選擇[內容],看到網址(URL), 選取後再行複製。
 
 
4 - 更換CSS

複製好了圖片路徑,接著是到部落格後台--»[樣式設計精靈]--»CSS 原始碼編輯,
貼心的樣式提供者會把可以自行更換的部份移至最前面,讓使用者馬上就可以找到,
若該樣式沒有標示, 也許就得從 #header , #banner , 甚至是 #extradiv 這些地方找起。

下圖綠色標示的那串網址, 就是我們要更換的地方,把剛才複製的網址覆蓋過, 再按儲存(ctrl+S)就可以了!!
change-banner2.jpg
5 - 完成
最後趕快回到自己的部落格,按Ctrl+F5 重新整理, 你就會看到自己更換的圖片了~
只要用一點心, 也能有自己專屬的樣式,快點自己動手試試看吧~~

橙甜 發表在 痞客邦 PIXNET 留言(1) 人氣()


留言列表 (1)

發表留言
  • 訪客
  • 不好意思,我試著用你教的方式去改網誌的首圖,但是去到後台修改的地方卻看不到有顯示可以更改網址路徑的部分,不知道這樣是不是正常的?
    因為一開始我不小心在相簿的地方修改,有看見可覆蓋的網址路徑,最後是成功的。但是套用之後發現改到相簿的部分,再試著要去修改網誌後台就找不到路徑可以覆蓋了。可以請你告訴我該怎麼做嗎?謝謝
【 X 關閉 】

【PIXNET 痞客邦】國外旅遊調查
您是我們挑選到的讀者!

填完問卷將有機會獲得心動好禮哦(注意:關閉此視窗將不再出現)

立即填寫取消