Cara Membuat Link Open In New Tab

Cara Membuat Link Open In New Tab .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).

1. Hanya menggunakan kode html.
2. Menggunakan javascript

Sebagai tanda link biasanya digunakan:

1. Teks » selanjutnya disebut sebagai text link.
   Contoh :
   Text Link
2. Image » selanjutnya disebut sebagai image link.
   Contoh :
   

Cara membuat link open in new tab:

1. 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:
   

   Kode dasar open in new tab (html):

   <a href="URL" target="_blank">Text/image</a>

   Contoh-1:
   Penggunaan open in new tab dalam web/blog dengan penambahan fungsi title.
   

   Text link Open in new tab:

   <a href="http://dadang-id.blogspot.com" target="_blank" title="

   Jendela Informasi Dunia">Tutorial Blogger</a>

   Image link Open in new tab:

   <a href="http://dadang-id.blogspot.com" target="_blank" title="

   Jendela Informasi Dunia">

   <img src="http://www.youlovelife.com/ads/freeEbooks7.gif"></a>

2. 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:

1. Login ke Blogger.
2. Halaman Dasbor (Dasboard).
3. Klik Rancangan (Design).
4. Klik Edit HTML.
5. Cari kode </body>. Anda bisa mencari kode tersebut menggunakan Ctrl + F agar lebih mudah dan lebih cepat.
6. Copy dan paste-kan javascript di atas kode </body>.
7. Klik Simpan Template (Save Template).
8. Selesai!
9. Coba hasilnya dengan membuat posting yang menggunakan link.

Terimakasih atas kunjungannya di sini dan jangan lupa ditunggu kunjungan berikutnya

Artikel Yang Berhubungan

Dadang ID - 20.27