Powered by Blogger.
RSS

Setting Blank Target Attribute pada Blogger


Bagaimana membuka semua link eksternal dan link internal di jendela baru? Mengapa perlu dilakukan? Untuk solusinya kita akan setting Blank Attribute atau nama lengkapnya Blank Target Attribute. Kita akan bahas tuntas masalah setting atribut blank target pada blog blogspot (Blogger).

Tujuan penggunaan atribut Blank Target adalah ketika pengguna mengklik pada suatu link, maka akan terbuka di jendela baru atau tab baru.

Ada kalanya Anda akan mentautkan link ke halaman terkait lainnya dalam sebuah artikel. Lalu jika user situs Anda memutuskan untuk klik link tersebut untuk melihat content, sementara dia harus berhenti membaca artikel yang sebenarnya karena akan memuat halaman web link tersebut.

Ini bisa menjadi serius dan sangat mengganggu bagi pengguna blog Anda karena harus loading halaman baru (halaman link) sementara mereka masih membaca artikel sebenarnya. Jika hal ini terjadi dan pengguna ingin kembali ke halaman sebelumnya, tentu sangat membosankan dan melelahkan. Hal yang terburuk adalah mungkin mereka tidak mau datang kembali blog Anda.

Bagaimana cara setting Blank Target?

Setting Blank Target bisa dilakukan dengan 3 cara ;

Blogger Editor telah memberi Anda pilihan yang dapat Anda gunakan untuk menambahkan atribut Blank Target untuk link (baik eksternal maupun internal) tanpa harus melakukan coding di HTML Editor.

1.   Pengaturan Atrtibute Blank via Blogger Editor

Mari kita lihat bagaimana blogger blogspot dapat menambahkan Blank Target untuk link tanpa coding. Misalnya saja Anda ingin menyematkan link pada sebuah kata atau sebaris kata. Yang Anda lakukan adalah membuka Blogger Editor >> POST dan memilih posting yang akan diletakkan link tersebut.

  • Pada laman editor, Anda blok teks (highlight the string of texts) yang akan diberi hyperlink (LINK).
  • Setelah melakukan itu, klik pada pilihan Link yang ditemukan di antara menu di bawah ini :

    menu bar editor blogger 
  • Setelah klik tombol LINK, akan tampil jendela pops up seperti dibawah ini

    jendela popup blank target blogger
  • Anda dapat mengisikan URL untuk link baru, dan mengaktifkan blank attribute dengan memastikan tanda check (centang) pada “”OPEN THIS LINK IN A NEW WINDOW”
  • Jika Anda sudah masukkan semua opsi, seperti pada gambar di atas, klik OK untuk menyimpan.

Saya akan pertegas tutorial dengan gambar yang disertai instruksi-instruksi berikut ini :

jendela popup atribut blank blogger

2.   Menambahkan atribut Blank secara langsung ke URL link

Secara teori Anda hanya perlu menambahkan atribut kosong untuk link individual (baik internet maupun eksternal. Atribut ini bekerja untuk link baik internal maupun eksternal.

  • Buka postingan Anda pada Editor Blogger, blok (hyperlinking) teks atau sebaris teks (string of texts)
  • Pindah (switch) ke HTML section
  • Tekan Ctrl+F pada keyboard dan temukan the string of text (sebagai anchor text) atau URL.
  • Tambahkan kode ini : target'blank' atau ini : target"_blank" ke link tersebut.

    Lihat contoh di bawah ini:
  • Berikut ini contoh default link (bawaan aslinya)  : <a href="http://www.URL.com">String of text</a>
  • Berikut ini contoh lainnya  : <a href="URL">Anchor Text</a>
  • Atau ini juga contoh lainnya : <a href="link">Text shown</a>

Kemudian sekarang kita tambahkan “blank target”  pada kode diatas :

  • <a href="http://www.URL.com" target'blank'>String of text</a>
  • <a href="URL" target'blank'>Anchor Text</a>
  • <a href="link" target'blank'>Text shown</a>

CATATAN
String of texts (target'blank') berwarna merah dalam link diatas berfungsi sebagai blank attribute yang menjadikan link tersebut akan terbuka di jendela baru atau di tab baru.

3.   Open all External Links in New Window Automatically

  • Buka Blogger dashboard Anda
  • Klik tombol  "More options"
  • Klik "Template"
  • Klik "Edit HTML"
  • Tekan Ctrl+F  pada keyboard dan temukan  : </body>
  • Paste code berikut ini tepat DIATAS  tag : </body>

 Script Blank Target Attribute blogger

Maaf jika script saya tampilkan dalam bentuk image, untuk mengurangi loading time dan memperbesar % text/HTML ratio .Tulis ulang saja script diatas dengan benar atau download saja script tersebut dengan mengklik link  SCRIPT BLANK TARGET. dan SAVE.

CATATAN PENTING!
Jika blog Anda sebelumnya sudah memiliki jQuery Plugin, yang ditandai dengan adanya script pendek berwarna merah, maka Anda harus menghapus script pendek tersebut.

Sekarang Anda bisa menambahkan sebuah link di website Anda, baik itu di posting artikel, sidebar, footer dan dimana saja. Apakah sebelumnya Anda sudah menambahkan atribut kosong atau belum untuk link link Anda (dengan cara 1 dan cara 2 diatas), maka dengan cara ke-3 ini, semua External Link Anda akan terbuka di jendela baru atau tab ketika orang mengklik di atasnya.

Note :
Pembukaan di jendela baru atau tab baru hanya khusus untuk LINK EKSTERNAL saja.


Cheers!  Happy Blogging!


Source :
How to Auto Open all External Links in New Windows or Tabs  by Emmanuel Obarhua


  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

0 comments:

Post a Comment