分頁清單

2010-08-07

[分享] 讓Blogger的外部連結,用新視窗開啟

當在自己的Blog加入超連結時,或是在首頁新增分頁超連結時,
是不是都會有一種困擾:點選超連結的時候,都是用同一個視窗打開。
那是因為Blogger裡面的所有連結,預設就是開在同一頁。
這會讓閱讀我們Blog的人,動不動就離開我們的網站,
所以Kuo又在網路上收尋高手的幫忙,這次是靠著番茄腦袋的幫忙。


找到了兩種方法:
第一種:可以使用_blank這個屬性的程式碼,但是對於我們這種不會程式碼的人操作起來很不順暢。
第二種:就是用別人寫好的JavaScript。這個Java可以判斷新的連結是不是屬於同個網域連結,如果是相同網域的話,就會用同樣視窗打開;要是不同網域的超連結,就會用新視窗的方式展現,非常的方便喔!

使用方法:

使用前請記得先存檔!

1. 打開Blogger的後台,『設計』→『修改HTML』→『修改範本』
2. 把下列程式碼貼在〈head〉與〈/head〉之間就可以了。

<!-- 讓內文裡的超連結開新視窗 JavaScript Start-->
<script type='text/javascript'>
function parseLink(){
var tagA = document.getElementsByTagName(&#39;a&#39;);
re=new RegExp(&quot;^(http://&quot;+document.domain+&quot;)|(javascript:)&quot;,&quot;i&quot;);
for(var i=0; i&lt;tagA.length; i++){
if(!tagA[i].href.match(re)){tagA[i].target=&#39;_blank&#39;};
}
}
</script>
<!-- 讓內文裡的超連結開新視窗 JavaScript End-->



3. 還沒好喔!還要把下面的程式碼加〈body〉在裡面,才會啟用這個功能喔!
<body onload='parseLink()'>

2 則留言:

  1. 您好,請問上排FACEBOOK連結怎麼設定的,我都找找不到可以修改的地方,謝謝。

    回覆刪除