Home » » Tutorial Cara Buat Auto Open Link In New Tab

Tutorial Cara Buat Auto Open Link In New Tab

Written By Hafiz Rahman on Monday, October 31, 2011 | 1:23 PM

Bagi pengguna blogger yang membuat entry dari dashboard, memang tak disediakan fungsi untuk buka link yang diletakkan di dalam entry di new tab. Pengguna atau readers anda terpaksa right click dan open in new tab dan bua secara manually. Tapi bagi yang menggunakan Window Live Writer, ada disediakan fungsi open in new tab ni. Keadaan ini kadang kadang agak menyusahkan pembaca anda bila mana mereka selalunya terpaksa tekan back untuk kembali pada entry anda setelah tekan link dalam entry tersebut. Tanpa fungsi auto open in new tab, berkemungkinan besar pembaca anda tidak akan kembali selepas menekan link tersebut. Sesuatu yang sangat tidak baik untuk pertumbuhan blog anda. Jadi untuk memudahkan readers anda , terutamanya kepada blog yang disable right click, ada satu cara dimana semua link yang diletakkan di dalam blog atau laman web anda akan dibuka di new tab secara automatik.

 

Jom ikut tutorial mudah dan senang untuk buat link anda buka di new tab .

 

1. Buka Dashboard > Design > Page Element > Add A Gadget > HTML/Java Script.

 

2. Pastekan code dibawah di dalam widget HTML/Java Script

 

<!-- code for turning all non-blog links to new page links -->
<script type="text/javascript" language="javascript">
var arr = document.getElementsByTagName("a"); //get all links in the page
for(var i = 0; i < arr.length; i++)
{
if(arr[i].href.indexOf("Your URL") < 0 //not links that are 'inside' blog
&& arr[i].href.indexOf("javascript:") < 0) //not javascript links
arr[i].target = "_blank";
}
</script>

3. Savekan widget anda dan siap. Cuba tekan mana mana link dalam blog anda

 

  **(perhatian!! link tak berfungsi pada widget linkwithin)

 

Kalau ada apa apa masalah jangan segan segan untuk bertanya ek.

Kongsi Cerita Ini Bersama Rakan

8 comments

Post a Comment

Kindly Leave Your Comment Here..=)

Labels

TERKINI (175) ARTIS (116) TIPS BERGUNA UNTUK ANDA (85) DEDAH (74) FACT (71) DIARY (69) politik (69) INFO (66) Video (65) BERITA SUKAN (63) GOSIP TERKINI (44) HIBURAN (44) RENUNGAN (38) DESIGN (35) BLOG REVIEW (33) PRODUCT REVIEW (32) PENDIDIKAN (29) PANDUAN (28) tutorial (27) MAKLUMAN (26) TIPS BLOGGING (21) EVENT (20) Gadget (17) AGAMA (15) PERMOHONAN (15) HEADER DESIGN (12) CINTA (11) STATISTIK BLOG (6) SITEMAP (1)