2007年8月6日 星期一

如何將連結以另開視窗呈現

很多人會在blog的邊欄(sidebar),即網頁元素上加上連結清單(links)的欄位,但官方所設的連結欄位通常都是在原來的視窗開啟,除非在網址上按右鍵指定用新視窗開啟連結,(其實這也是我瀏覽網站的習慣,尤其firefox可以分頁瀏覽,減少你等待的空檔,目前IE7也有提供這種服務),如何做呢?
記得先將你的連結清單設好,才能修改。

進入後台→版面配置→修改HTML→勾選"展開小裝置範本",
找到這行<li><a expr:href='data:link.target'><data:link.name/></a></li>
改成
<li><a expr:href='data:link.target' target="_blank"><data:link.name/></a></li>
即可,就是多增加這個 target="_blank"

如果你有多個連結的網頁元素,就每一個都要加上 target="_blank",記得target前面要空一格,譬如我的另一個網站,有設了4個區塊連結,就4個都要改語法。
如何快速找到這個語法的位置呢?可以按Ctrl+F,快速尋找,文字填上 expr:href='data:link.target',然後按下找下一個,就可以迅速找到這段語法的位置,然後再改就行了。

13 則留言:

  1. 你的教學寫得超棒,差點就想要放棄blogger去別的地方了,是你的教學讓我想使用blogger,謝謝你~

    回覆刪除
  2. 超棒不敢當,堅持下去吧,blogger樂趣無窮。

    回覆刪除
  3. 喔喔喔真是太好了,這個教學太棒了!
    那麼可以請問,要怎麼樣用才能讓文章中的連結也是另開視窗呢?
    謝謝:)

    回覆刪除
  4. 以前我是土法煉鋼,在每一個連結後加上 target="_blank"語法,現在我用WLW寫文章,就有選項勾選另開視窗,方便許多,如果想套用全部文章,修改HTML版面的話,目前我還沒找到方法,給你參考看看。

    回覆刪除
  5. 天都快亮了
    一篇一篇文章研究,太受用....
    感謝您囉

    回覆刪除
  6. 你也太拼了吧,身體健康要緊。

    回覆刪除
  7. 天阿~這個太讚了吧,不講我還不知道這個呢,不然每次都要土法煉鋼真的很麻煩!

    回覆刪除
  8. 是啊,小技巧,大妙用。

    回覆刪除
  9. 不好意思想請問我的blog目前的所有連結都是會另開視窗
    該如何檢查找到問題所在呢?
    因還是blogger新手...想請教您~感謝!

    回覆刪除
  10. 不好意思
    上篇留言未附上部落格網址給您參考
    再麻煩回覆了...
    http://hana-lifestyle.blogspot.tw/

    回覆刪除
  11. 你應該是裝了某些js檔案,可能你有裝一些版面工具造成的,試著移除,再一個一個裝回來,測試來找。

    回覆刪除
    回覆
    1. 真的十分感謝您的答覆~ 我會再測試看看的!
      祝您事事順心! 感恩^^

      刪除

設有留言驗證及核准,版主閱覽後,留言才會顯示,發問前請善用網站目錄Google搜尋功能