2007年2月14日

將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,但是連結名稱用中文會變亂碼。

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

14 則留言:

  1. 太好用了~有了這個,伸縮的功能對於LINK來說就沒有那麼重要了說!當然對於其他sidebar還是很重要!

    回覆刪除
  2. 謝謝提供~拿去用囉^^

    回覆刪除
  3. 謝謝你的提供~
    讓我可以放一堆雜七雜八的朋友連結了

    回覆刪除
  4. 謝謝您的提供~已經成功了:)
    這個真的很好用!!

    回覆刪除
  5. 按下某一筆連結後會停留在那一筆,有沒有辦法讓它彈回第一筆。就是 option selected 的部份。

    回覆刪除
  6. 請問此連結,搜尋引擎,找的到嗎?

    回覆刪除
  7. 請問要如何設置為開啟在新視窗?

    回覆刪除
  8. 呃… 好像是直接就新視窗了 @__@

    再問如何開在原視窗

    回覆刪除
  9. To szany:
    套句星爺的話:「這樣的要求我還是第一次聽到。」方法如下:
    將上面程式碼中的
    <select onchange='javascript:window.open
    (this.options[this.selectedIndex]
    .value);'>
    改為
    <select onchange='javascript:location.href
    =this.options[this.selectedIndex].
    value;'>

    回覆刪除
  10. 最近才開始用blogger...這樣好用多了,謝謝^^~

    回覆刪除
  11. 請問我不想改成下拉式選單,只想做開新視窗的效果,要怎麼改語法呢?
    謝謝囉!!

    回覆刪除
  12. 谢谢你,我拿走了,也把你连起来了!

    回覆刪除
  13. To masonteddy :
    如果只是想開在新視窗,加上「target='_blink'」就可以了,如下:
    <a expr:href='data:link.target' target='_blink'>

    回覆刪除
  14. 太謝謝了,我都忘記我問過那個問題,現在才看到您的回覆,真的可行,真的太感謝了!!

    P.S. 是target='_blAnk'.......不是blInk喔^^

    我是上面的masonteddy..

    回覆刪除