2009年1月17日 星期六

[教學] 變更 Blogger 的標頭樣式及圖案

終於鼓起勇氣嘗試變更 Blogger 的標頭樣式,修改前真怕出狀況造成部落格死當,還好只是一些小狀況。老實說我個人對美工實在不行,但是 Google 的 Blogger 原本單調的標頭,看久了也會膩,所以就嘗試用 PowerPoint 畫了一些簡單的線條並從 Micosoft 的線上目錄下載了一些『美工圖案』,拼拼湊湊完成了新的標頭圖案,雖然不是非常漂亮,但差強人意,我已經可以給它90分了。

(↓這是變更前的原標頭的樣式)
Change_blog_banner_logo11

(↓這是變更後的標頭的樣式,是不是比較好看一點呢,只是主體好像不太明顯!)
Change_blog_banner_logo14s


既然修改成功了,就順便紀錄一下自己變更標頭圖案的程序,以免自己日後忘記,也順便提供參考…

1. 進入到 Blogger 的『版面設定』畫面,在『網頁元素』的頁面,找到『標頭』的欄位位置,再按『編輯』進入編輯畫面。
Change_blog_banner_logos

2. 在編輯畫面下。如果已完成的標頭圖檔是放在自己的電腦上,就按『瀏覽』把電腦上的圖檔上傳;如果圖檔已經上傳的網路上的某一處,則輸入圖檔的網路位址。
Change_blog_banner_logo02s

3. 上傳完成後,記得選取『不需要使用標題和說明』,個人的經驗,如果選取締一個選項『輸入標題和說明之後』容易造成在不同的解析度的電腦上出現標題與說明重疊到圖案的現象。
Change_blog_banner_logo03s

4. 這是完成後的標題圖案,有沒有發現什麼不太對勁。怎麼右邊的的顏色和預期的顏色不對?這是因為 Blogger 得標頭有分『標題顏色』及『說明顏色』的關係。
Change_blog_banner_logo12s

5. 要解決這個顏色問題,必須在進到 Blogger 的『版面設定』畫面,切換到『修改htm』頁面。
修改範本前建議先備份範本,把側邊bar往下拉一點點,可以找到 [Blog Title Background Color] 及其所定義顏色,這裡為 [#DE7008],請注意,你的顏色可能與我的不同,基本上我的新表頭圖檔的底色也是這個同樣的顏色;再找到 [Description  Background Color] 及其所定義顏色,這裡是 [#F5E39e],把這個顏色的設定改能跟 [Blog Title Background Color] 所定義顏色的一樣,我的會改成[#DE7008]。完成後儲存範本。(※請注意,default後面的顏色定義不能改,只能改 value後面的值。)

Change_blog_banner_logo04s

6. 這是完成後的樣子。是不是比之前的好看。
Change_blog_banner_logo13s

7. 重點提示,製作標頭圖檔時最好作成 [gif檔],而且底色選擇透明處理,如此比表不會有顏色配合的問題產生。因為我們不知道其他的訪客用的是多少螢幕解析度來瀏覽你的網頁,所以,後來我把橘色的底色[#DE7008]改成透明,並存成.gif檔後,到別的電腦上瀏覽,就全部 ok了。
Findlifevalue_simple_logo01 Findlifevalue_simple_logo02


延伸閱讀:
中文BSP(部落格服務平台)功能比較表

2 意見:

雲天霽 提到...

請問如何讓透明標題圖片放上去呢?
我存的是透明GIF檔,但她放上去會變成黑底耶...
懇請教學!謝謝

工作熊 提到...

雲天霽;
我之前也碰過跟你同樣的問題。
是了多次後,
最後我選擇改變自己,
換成JPG

Related Posts with Thumbnails


系列/精選文章

藝文創作:
生命中的守護精靈1
生命中的守護精靈2
生命中的守護精靈3
生命中的守護精靈4
你是我生命中的守護精靈(後記)

部落格寫作/經營相關文章整理:
整理一些關於部落格寫作注意事項,還有一些部落格經營的文章...

我的室內裝潢經驗:
分享自己的裝潢、搬家、入厝的 經驗...

買屋注意事項文章整理:
分享買屋的物議事項...

傢俱/家電選擇注意事項:
分享買傢俱/家電的經驗與注意事項...

電子郵件禮儀:
『電子郵件』幾乎是現代人必備的工具,但你知道使用的禮儀嗎?

父親的癌末日記及葬禮:
初聞父親罹癌,心頭震驚不已,更沒料到父親竟在短短二十多天就離我們遠去,茫茫渺渺…

我的回憶錄:
回顧自己的過往人生,雖說不是轟轟烈烈,但至少也有一些值得紀錄下來的事情,比如說高中的死黨、大學的社團活動、一場稍有曲折的戀愛、還有商船實習的經驗…等。

FeedBurner電子報訂閱教學:
你想把你的部落格文章經由電子報發送嗎?

台南旅遊日記:
由於搬家到台南,跑過許多台南的古蹟與景點,在這裡整理一些自己的遊玩地圖...


經典名言

- 別人的老婆總是比自己的漂亮,自己的小孩總是比別人家的可愛。
- 非常喜歡這句話:「碰到問題,要面對它、處裡它、接受它、放下它。」
- 當人生有重大決定時,就意味著將有重大改變。
- 四川人不怕辣,湖南人辣不怕,江西人怕不辣。
- 計畫永遠趕不上變化,變化不如老闆的一句話。
(The plan always can not catch up with the change. The change is less than the boss mind change.)

我的碎碎唸

2012/05/13:未來與部落格經營及賺錢的相關文章都將發表在【玩賺部落格
2011/02/21
入選「2011中時部落格嚴選優格」囉!