將Link改為下拉式選單

我相信很多人和我一樣，不喜歡頁面上長長的一串Link，雖然有好心的人製作了下拉選單產生器，但是還要一個一個的輸入網址，說真的還真有點累人，只要小小的修改一下template，就夠把Link改成下拉式選單，我這麼作，其實就只是喜歡Blogger內建的連結編輯功能而已。

首先，進入範本–修改Html，打開小裝置範本，尋找下列程式：

<b:widget id='LinkList1' locked='false' title='Lnik' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

將上列紅字部份以下列程式取代：

<select onchange='javascript:window.open(this.options[this.selectedIndex].value);'>
<option>Select a Link</option>
<b:loop values='data:links' var='link'>
<option expr:value='data:link.target'><data:link.name/></option>
</b:loop>
</select>

儲存範本，更新頁面就完成了，如果你有其他的連結清單，也可以使用這個方法修改。

另外再提供一個下拉選單產生器–Create drop-down menus easily，但是連結名稱用中文會變亂碼。

就由各位看倌自行決定看是要用現成的產生器，還是動手修改範本。