Open in new tab adalah sebuah opsi ketika dalam sebuah web/blog menggunakan link. Link sendiri ditandai dengan adanya tag "a" yang di dalamnya memuat sebuah alamat (URL) tertentu yang bisa berupa alamat web/blog lain, alamat sebuah posting, alamat image atau bahkan alamat khusus dalam blog/web itu sendiri. Secara umum link open in new tab diperuntukkan untuk membuka alamat baru diluar blog/web. Agar sebuah link bisa dibuka di tab/window baru dikenal 2 (cara).
- Hanya menggunakan kode html.
- Menggunakan javascript
- Teks » selanjutnya disebut sebagai text link.
Contoh :
Text Link - Image » selanjutnya disebut sebagai image link.
Contoh :
Cara membuat link open in new tab:
- Hanya menggunakan kode html.
Link open in new tab seperti ini hanya berfungsi pada satu link yang diberi tambahan fungsi open in new tab. Kode untuk menjalankan fungsi ini berupa kode target="_blank" yang ditambahkan di dalam tag "a". Kode dasarnya seperti berikut:
Contoh-1:Kode dasar open in new tab (html):
<a href="URL" target="_blank">Text/image</a>
Penggunaan open in new tab dalam web/blog dengan penambahan fungsi title.
Text link Open in new tab:
<a href="http://gubhugreyot.blogspot.com" target="_blank" title="Panduan lengkap blogger Indonesia">Tutorial Blogger</a>
Image link Open in new tab:
<a href="https://sites.google.com/site/gubhugreyotbaru/lightbox-slideshow/img_gubhugreyot-bali-dance.jpg" target="_blank" title="Penari cantik dengan tarian cantik. Oiii... Bali yang amat cantik!"><img src="https://sites.google.com/site/gubhugreyotbaru/lightbox-slideshow/th_gubhugreyot-bali-dance.jpg" width="200" height="150" style="float:left;margin:5px 12px 5px 0;" /></a>
- Open in new tab menggunakan javascript.
Penggunaan javascript memungkinkan open in new tab/window berlaku pada semua link yang ada di blog/web. Jadi ketika kita menambahkan fungsi open in new tab melalui javascript, maka blogger tak perlu lagi membuat fungsi open in new tab melalui kode html karena secara otomatis semua link sudah di-setting untuk open in new tab. Javascript open in new tab bisa disimpan di atas kode </body> .
Javascript Open In new Tab
<script type="text/javascript"> //<![CDATA[ function externalLinks(){ if (!document.getElementsByTagName) return; var anchors = document.getElementsByTagName("a"); for (var i=0; i<anchors.length; i++){ var anchor = anchors[i]; if(anchor.getAttribute("href")) anchor.target = "_blank"; }} window.onload = externalLinks; //]]> </script>
Cara menyimpan javascript open in new tab:
- Login ke Blogger.
- Halaman Dasbor (Dasboard).
- Klik Rancangan (Design).
- Klik Edit HTML.
- Cari kode </body>. Anda bisa mencari kode tersebut menggunakan Ctrl + F agar lebih mudah dan lebih cepat.
- Copy dan paste-kan javascript di atas kode </body>.
- Klik Simpan Template (Save Template).
- Selesai!
- Coba hasilnya dengan membuat posting yang menggunakan link.
Salam pak, kok setelah sy save tempaltenya, tertulis seperti ini:
ReplyDeleteGalat saat mengurai XML, baris 30, kolom 31: Element type "anchors.length" must be followed by either attribute specifications, ">" or "/>".
gimana ya pak?
Silahkan coba lagi. Posting ini telah disempurnakan dan diuji coba dengan hasil sempurna Rabo, tgl 01 Feb 2012.
ReplyDeleteSalam...
gubhugreyot
Salamn pak,
ReplyDeleteBpk Lalu belajar HTML, CSS, Javascript dn sejenisnya d mana pak? Sy mau belajar jg pak..
Makasih..
Semua dipelajari secara otodidak melalui berbagai blog yang menyediakan tutorial. Buku-buku hanya memberi 5% dari semua yang telah aku dapat. So ... belajarlah melalui berbagai tutorial dalam blog ... dan itu sudah sangat mencukupi!
ReplyDeleteSalam>.. n happy blogging!
gubhugreyot
pak ko' g' bisa yang javascript in new tab nya,,,,, sudah saya coba dua kali masih g' bisa
ReplyDeletetengkiyu gan.. link new tab berhasil ane pasnag di blog,
ReplyDeletedi cek yeee...
Format commentnya keren nih bro
ReplyDeletematurnuwun om infonya..
ReplyDeleteijin praktek ke blog ane dah...
jangan lupa maen ke blog ane ^^
top
ReplyDeleteThank you Artikel
ReplyDelete[❤][❤][❤][❤][❤][❤][❤][❤][❤][❤][❤][❤][❤][❤][❤]
[❤]✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪
[❤] SMS: 0821 3594 1115 # Bbm: 27C4C52✪✪✪
[❤]✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪
[❤] OBAT PEMBESAR PENIS✪✪✪✪✪✪✪✪✪✪✪
[❤]✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪
[❤] OBAT PERANGSANG WANITA✪✪✪✪✪✪✪✪✪
[❤]✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪
[❤] OBAT KUAT SEX TAHAN LAMA✪✪✪✪✪✪✪✪✪
[❤]✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪
[❤] ALAT BANTU SEX PRIA✪✪✪✪✪✪✪✪✪✪✪✪
[❤]✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪✪
[❤] ALAT BANTU SEX WANITA✪✪✪✪✪✪✪✪✪✪
[❤][❤][❤][❤][❤][❤][❤][❤][❤][❤][❤][❤][❤][❤][❤]
VMAX-VMAX-VMAX
─────────────────────░██░▇▆▅▄▃▂
────────────────────░█▓▓█░▇▆▅▄▃▂
───────────────────░█▓▓▓█░▇▆▅▄▃▂
──────────────────░█▓▓▓▓▓█░▇▆▅▄▃▂
─────────────────░█▓▓▓▓▓█░▇▆▅▄▃▂
──────────░░░───░█▓▓▓▓▓▓█░▇▆▅▄▃▂
─────────░███░──░█▓▓▓▓▓█░▇▆▅▄▃▂
───────░██░░░██░█▓▓▓▓▓█░▇▆▅▄▃▂
──────░█░░█░░░░██▓▓▓▓▓█░▇▆▅▄▃▂
────░██░░█░░░░░░█▓▓▓▓█░▇▆▅▄▃▂
───░█░░░█░░░░░░░██▓▓▓█░▇▆▅▄▃▂
──░█░░░░█░░░░░░░░█▓▓▓█░▇▆▅▄▃▂
──░█░░░░░█░░░░░░░░█▓▓▓█░▇▆▅▄▃▂
──░█░░█░░░█░░░░░░░░█▓▓█░▇▆▅▄▃▂
─░█░░░█░░░░██░░░░░░█▓▓█░▇▆▅▄▃▂
─░█░░░░█░░░░░██░░░█▓▓▓█░▇▆▅▄▃▂
─░█░█░░░█░░░░░░███▓▓▓▓█░▇▆▅▄▃▂
░█░░░█░░░██░░░░░█▓▓▓▓▓█░▇▆▅▄▃▂
░█░░░░█░░░░█████▓▓▓▓▓█░▇▆▅▄▃▂
░█░░░░░█░░░░░░░█▓▓▓▓▓█░▇▆▅▄▃▂
░█░█░░░░██░░░░█▓▓▓▓▓█░▇▆▅▄▃▂
─░█░█░░░░░████▓▓▓▓██░▇▆▅▄▃▂
─░█░░█░░░░░░░█▓▓██▓█░▇▆▅▄▃▂
──░█░░██░░░██▓▓█▓▓▓█░▇▆▅▄▃▂
───░██░░███▓▓██▓█▓▓█░▇▆▅▄▃▂
────░██▓▓▓███▓▓▓█▓▓▓█░▇▆▅▄▃▂
──────░█▓▓▓▓▓▓▓▓█▓▓▓█░▇▆▅▄▃▂
──────░█▓▓▓▓▓▓▓▓▓▓▓▓▓█░▇▆▅▄▃▂
www.roomabg.com
Posted by Unik Aneh:
Indo-Cerita
Indo-Mesum
Indo-Bokep
ABG Esex-Esex
Tante Esex-Esex
Janda Esex-Esex
Medical Abortion CYTOTEC PILL,
SMS: 0813 2720 2278
Medical Abortion Pill
Jual Obat Aborsi 1 Thn
Jual Obat Aborsi 2 Thn
Jual Obat Aborsi 3 Thn
Jual Obat Aborsi 4 Thn
YOUTUBE ABORTION100%
Obat Penggugur Janin Cytotec®
What is Medical (drug-induced) Abortion?
Medical abortion is a term used in medical literature to describe a procedure or regimen that uses various pills to end an established pregnancy.
(1) (2)
Medical abortion is a drug induced alternative to surgical and vacuum aspiration abortion for women who elect to terminate an early pregnancy. (3)
www.roomabg.com
www.roomabg.com
www.roomabg.com
www.roomabg.com
www.roomabg.com
makasih Min
ReplyDelete