2007年2月26日 星期一

將連結改為下拉式選單另一種方式

之前有跟大家介紹用"下拉式選單器"將連結改成下拉樣式,但是每次要更改都要先進去網頁元素裡,將程式碼複製一次再把裡面的連結作修改,總是有點麻煩。那有沒有比較方便的方式?
有的!Josh's Note的網站提供了一個修改template,以後只要針對blogger內建的連結網頁元素作編輯的方法。非常好用,再此分享給大家,也感謝Josh。

首先進入範本->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>

最後儲存範本,更新頁面之後就能看到下拉式選單了,是不是簡單多了。

沒有留言: