♥ 部落教学：Header Image 位置

這篇也是特別給 xιии `♥ 的。

這篇也是關於header image

但是是在於它的位置

如果你是用template designer的話

你會遇到這種情況

如果你是用classic template ( 舊版 ) 的話

你不會遇到這種情況

你是template designer的話

你應該都知道圖片上傳後

會出現在左手邊的

要怎麼把它移去中間或是右邊呢?

現在就教你  ♥

__________________________________________________________

打開你的Design > Page Elements

按edit ( 如上圖 )

然後按choose file來上傳照片

如果你是用template designer的話

我建議你用 Instead of title and description

還有也在shrink to fit 那邊打勾

( 如上圖就對了 )

上傳好照片後

就按save

接下來就按去 Edit HTML

在你的keyboard上按 Ctrl + F 

它會出現一個bar在你頁面

你就在那裡打：

]]></b:skin>

你就會看到]]></b:skin> 的出現

然後在以下的code選出適合你部落的

把它copy起來, 在paste去]]></b:skin>的上面

再按save template就可以了。

1. Behind of title and description

· 中間位置

#header-inner {background-position: center !important; width: 100% !important;}

· 右邊位置

#header-inner {background-position: right !important; width: 100% !important;}

2. Instead of title and description

· 中間位置

#header-inner img {margin: 0 auto !important;}
#header-inner {text-align:center !important;} /*include this line if you are using Template Designer*/

** 注意：普通layout, 只需copy第一行;

template designer, 兩行都需要copy。

· 右邊位置

#header-inner img {margin: 0 auto 0 300px;}

** 注意：必須把它的px value (300 px) 改一改,

改到header image移到去右邊為止。

· 垂直位置

#header-inner img {padding-top: 50px ;} 

** 注意：這個也一樣, 必須把它的px value改一改。

這樣就大功告成了!

你做到嗎?

還是不能的話, 留言告訴我吧 ♥

p/s : 我不會看華語版的blogger. 

所以都是用英文字眼來教.

不好意思 ><