2015年5月24日 星期日

編輯下拉式選單

編輯下拉式選單

如果想了解 基本 Blogger 要如何使用,請參照 Google Blogger 說明
幾乎所有網上看到的樣板,都需要編輯版面範本的HTML,最常用到的是,編輯網頁上看來很專業的下拉式選單。其實非常簡單,只是拷貝網址連結,改改文字而已。





步驟 1 上傳樣板
先上傳 Blooger 樣板範本的  .xml 檔案。







步驟 2  編輯範本HTML
我們只需要找出下拉式選單,然後填入連結,和文字。
在編輯範本HTML中,先開起搜尋  CTRL+F。


找尋下拉式選單中有的英文字,這些字請不要是 Home 或是 Blog,其他的英文字都可以。一個單字會有一個屬於它的下拉式選單。



以 Contact 為例:
<li><a href='#'>Contact</a>
<ul class='children'>
<li><a href='#'>Dvd</a></li>
<li><a href='#'>Games</a></li>
<li><a href='#'>Software</a></li>
</ul>
</li>


基本HTML 結構: <xxx> 內容 </xxx> ,有點像左右括弧一樣。


下拉式選單的基本結構就是:<li> ………</li>,而
<ul class=‘children'>和</ul>中間就是子選單的內容。
<a href='#'>Contact</a>
#:就是要放連結的地方連結。

所以改好連結和文字就如:

<li><a href='#'>課程</a>
<ul class='children'>
<li><a href='http://www.500ntd.com/search/label/%E5%9F%BA%E6%9C%AC%E8%AA%B2%E7%A8%8B'>基本</a></li>
<li><a href='http://www.500ntd.com/search/label/%E9%80%B2%E9%9A%8E%E8%AA%B2%E7%A8%8B'>進階</a></li>
<li><a href='http://www.500ntd.com/search/label/%E5%B0%8F%E6%92%87%E6%AD%A5'>小撇步</a></li>
</ul>
</li>


綠色斜線部分是連結;藍粗體是選單的文字。
如果不需要這麼多選項,刪除就OK了!

沒有留言:

張貼留言

Related Posts Plugin for WordPress, Blogger...