如何在Blogger Beta中插入橫幅圖片

1.要在Blogger Beta中插入橫幅圖片時，點選[範本]>>[修改HTML]，找到Header的語法如下：

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Replacing Blog Header (Header)' type='Header'/>
</b:section>
</div>

把 maxwidgets='1' 改成 maxwidgets='4'(或其他大於1的數字)，並把showaddelement='no' 改成 showaddelement='yes'。(若將maxwidgets=''的數字欄留白，就可以加無限個Header) 修改後的Header與法如下：

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='4' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='Replacing Blog Header (Header)' type='Header'/>
</b:section>
</div>

確認無誤後點選[儲存範本]，就會在Header之上看見一個[加入網頁元素]的連結，就可以準備加入圖片了。。

2.接著到[範本]>>[網頁元素]>>[HTML/JavaScript]，按[加入BLOG]，將標題欄維持空白，並將以下這一行語法加入內容欄：

<a href="首頁網址"><img alt="想讓搜尋引擎找到的關鍵字" src="橫幅圖檔位置"/>

3.點選原來標頭(Header)這個網頁元素的[修改]>>[移除網頁元素]，將原來的標頭給移除。
4.若覺得橫幅的圖片高度和部落格上方的色塊有落差想調整時，就從[範本]>>[修改HTML]，去找