Membuat External Link Automatis New Window

Discussion in 'HTML & Website Design' started by Fahmi, Apr 10, 2014.

  1. Fahmi

    Fahmi Newbie

    Joined:
    Dec 5, 2012
    Messages:
    1,719
    Likes Received:
    159
    Trophy Points:
    63
    Google+:
    Sedikit mengamati sepertinya kalau dalam format penulisan Markdown untuk link khususnya, baik itu internal atau pun external kita tidak bisa menambahi misal _blank documents alias open new window, khusus link keluar biasanya kaan ditulis dalam _blank -- sebetulnya markdown support juga untuk penulisan full html misal :


    Code:
    <a href="http://ifahmi.com/" target="_blank">Mohamad Fahmi</a>
    

    Muter-muter mencari akhirnya ketemu, cuman cara ini membutuhkan Jquery, dan gunanya untuk -- jika dalam 1 dokumen menemukan link internal dan link external maka link external akan dipasangi secara otomatis target = _blank alias open new window, berikut examplenya :

    Versi Jquery :

    Code:
    $(document.links).filter(function() {
        return this.hostname != window.location.hostname;
    }).attr('target', '_blank');
    

    Versi Javascript:

    Code:
    var links = document.links;
    
    for (var i = 0, linksLength = links.length; i < linksLength; i++) {
       if (links[i].hostname != window.location.hostname) {
           links[i].target = '_blank';
       } 
    }
    

    Nah ini sangat cocok misal untuk platform HTMLy yang basis penulisannnya menggunakan Markdown.
    Sumber kode berdasar dari : http://stackoverflow.com/questions/4425198/markdown-target-blank dan sudah dicoba di www.anakseo.com -- mungkin kedepan kode ini bisa ditambahkan semacam ICON-- misal link keluar ada semacam icon link nya, seperti Drupal :)

    Semoga bermanfaat.
     
  2. ncang

    ncang Super Level

    Joined:
    Feb 7, 2013
    Messages:
    4,653
    Likes Received:
    763
    Trophy Points:
    113
    Google+:
    kodoq percobaan

    walah ternyata jadi kelinci percobaan lagi *ketawa1* gpp lah asal bukan kodoq percobaan *ketawa2* kalau untuk internal bisa target blank gak ? kadang males nulis a href2an *jail*
     
  3. Fahmi

    Fahmi Newbie

    Joined:
    Dec 5, 2012
    Messages:
    1,719
    Likes Received:
    159
    Trophy Points:
    63
    Google+:
    ncang wrote:

    buat apaan internal pake _blank ?? kadang banyak yaa apalagi toko online -- masa internal link pake target new blank, biar visitornya dibilang banyak kali yaa *jail*
     
  4. ncang

    ncang Super Level

    Joined:
    Feb 7, 2013
    Messages:
    4,653
    Likes Received:
    763
    Trophy Points:
    113
    Google+:
    mengurangi bounce

    iya sih :D , tapi katanya bisa mengurangi bounce rate kan tuh ? ,, tergantung selera dan kebutuhan berarti *blum3*
     
  5. Fahmi

    Fahmi Newbie

    Joined:
    Dec 5, 2012
    Messages:
    1,719
    Likes Received:
    159
    Trophy Points:
    63
    Google+:
    ncang wrote:

    Baru tau, emang itu gunanya untuk BounceRate?
     
  6. ncang

    ncang Super Level

    Joined:
    Feb 7, 2013
    Messages:
    4,653
    Likes Received:
    763
    Trophy Points:
    113
    Google+:
    lah saya bilang katanya coy

    lah saya bilang katanya coy :D , logika saja sih coba deh kalau buka blog / situs ada link infomasi lain ketika di klik gak "new window" bearti dia ninggalin blog kita donk :D
     
  7. misterius

    misterius Member

    Joined:
    Feb 5, 2013
    Messages:
    267
    Likes Received:
    22
    Trophy Points:
    18
    Google+:
    Fahmi wrote:

    bouncerate artinya itu bukan salah satu fungsi untuk mengamankan SEO, yang artinya agar tetap aman sebuah page/halaman situs di Search Engine karena pengunjung terus mengklik page page yang memakai target blank?

    tapi mungkin juga bouncerate tidak terlalu berguna, menurut saya.
     
  8. unoshop13

    unoshop13 Member

    Joined:
    Apr 6, 2014
    Messages:
    24
    Likes Received:
    1
    Trophy Points:
    8
    Kalau setiap Link langsung

    Kalau setiap Link langsung otomatis bagaimana ya gan...jadi setiap input link otomatis settingnya keluar..
     
  9. ncang

    ncang Super Level

    Joined:
    Feb 7, 2013
    Messages:
    4,653
    Likes Received:
    763
    Trophy Points:
    113
    Google+:
    yang mengamankan memang bukan

    yang mengamankan memang bukan bouncerate , bisa jadi dikatakan faktor kesekian dari seo ,, gara2 @fahmi ini sih contohnya blog yang bau2 seo gitu *ketawa2*
     
  10. Fahmi

    Fahmi Newbie

    Joined:
    Dec 5, 2012
    Messages:
    1,719
    Likes Received:
    159
    Trophy Points:
    63
    Google+:
    unoshop13 wrote:

    Kalau gk salah sih hilangin tanda seru nya saja deh:


    Code:
    return this.hostname != window.location.hostname;
    
     
  11. unoshop13

    unoshop13 Member

    Joined:
    Apr 6, 2014
    Messages:
    24
    Likes Received:
    1
    Trophy Points:
    8
    Fahmi wrote:

    Oke-oke..nanti saya coba cari gan...
     
  12. pondokgue

    pondokgue Member

    Joined:
    Jan 26, 2014
    Messages:
    121
    Likes Received:
    10
    Trophy Points:
    18
    Google+:
    ane kagak paham nih kalo

    ane kagak paham nih kalo masalah kode mengkodee.. *depresi2*
     
  13. Ardilas

    Ardilas Super Level

    Joined:
    Feb 18, 2013
    Messages:
    4,239
    Likes Received:
    319
    Trophy Points:
    83
    Google+:
    Bagus nih buat eksternal,

    Bagus nih buat eksternal, kalau buat internal apa gak bikin geram pengunjung ya.
     
  14. laskarjodoh

    laskarjodoh New Member

    Joined:
    Dec 16, 2013
    Messages:
    15
    Likes Received:
    0
    Trophy Points:
    1
    dicoba deh semoga aja bisa

    dicoba deh semoga aja bisa
     
  15. masmun

    masmun Member

    Joined:
    Feb 1, 2013
    Messages:
    192
    Likes Received:
    3
    Trophy Points:
    18
    Google+:
    emang

    emang bener sih kalau nulis html mulu jadi capek juga, jadi kalau pakai yang otomatis kan enak.
     
  16. pram

    pram Well-Known Member

    Joined:
    Sep 23, 2013
    Messages:
    3,093
    Likes Received:
    161
    Trophy Points:
    63
    Google+:
    mas kalau biat external link

    mas kalau biat external link menjadi nofollow + open di new window gimana nih *jail*
     
  17. Fahmi

    Fahmi Newbie

    Joined:
    Dec 5, 2012
    Messages:
    1,719
    Likes Received:
    159
    Trophy Points:
    63
    Google+:
    pram wrote:

    tambahin aja
    Code:
    .attr('rel', 'nofollow')
    
    *jail*
     
  18. bajaringan

    bajaringan New Member

    Joined:
    Apr 9, 2014
    Messages:
    4
    Likes Received:
    0
    Trophy Points:
    1
    nyimak aja deh, suhu semua yg

    nyimak aja deh, suhu semua yg comment, hihi...
    tapi infonya keren, tambah ilmu saya. thanks
     
  19. Ardilas

    Ardilas Super Level

    Joined:
    Feb 18, 2013
    Messages:
    4,239
    Likes Received:
    319
    Trophy Points:
    83
    Google+:
    mazmun wrote:

    Kalau mau edit php nya kan juga bisa
    *jail*
     
Loading...

Share This Page