Cara Membuat Berbagai Jenis Link di Blog/Website, Postingan Blog Dengan Manual dan Otomatis

komputerdia.com -  Link atau Hyperlink merupakan salah satu bagian dari dunia internet yang lekat dengan website atau blog. Link (tautan) merupakan suatu alamat khusus yang digunakan pada website/blog dengan fungsi sebagai koneksi yang menghubungkan antara suatu website dengan website lainnya atau halaman satu dengan halaman lainnya didalam website

Masih berhubungan dengan materi link/hyperlink, dalam tutorial ini saya akan menjelaskan bagaimana cara membuat berbagai jenis link di blog, tutorial tersebut meliputi
  • Cara membuat link di blog
  • Cara membuat link dengan html
  • Cara membuat link dengan css
  • Cara membuat open link new tab di blog
  • Cara membuat semua link menjadi open new tab 
  • Cara membuat semua link open new tab otomatis 
Didalam artikel ini saya akan lebih menonjolkan tutorial cara membuat link open new tab, karena dengan menjadikan link yang ada di di blog menjadi new tab merupakan strategi SEO off page yang barang kali belum kalian ketahui , karena sesungguhnya manfaat dari link yang terbuka otomatis di tab baru ini merupakan suatu langkah untuk mengurangi nilai bounce rate yang tinggi .

Secara sederhana, jika pengunjung membuka artikel blog kalian dan membaca sebagaian maupun semua  artikel yang ada di dalamnya dan didalam artikel tersebut ada beberapa link yang menuju ke salah satu artikel postingan yang bersangkutan, maka pengunjung blog kalian akan membuka link tersebut secara otomatis dengan metode open link new tab

Cara Membuat Berbagai Jenis Link di Blogger (Open link New Tab, Link Biasa)

Cara Membuat Link di Blogger/Website

1. Membuat Link Biasa di Postingan Blogger

  • Langkah pertama silahkan kalian buat postingan baru dengan menekan tombol entri baru
  • Tentukan dibagian kata atau kalimat mana kalian akan menyisipkan link tersebut
  • Jika sudah ditentukan silahkan kalian blok kata atau kalimat tersebut setelah itu tekan menu link.
Cara Membuat Berbagai Jenis Link di Blogger (Open link New Tab, Link Biasa)
  • Setelah menekan tombol link kalian akan melihat kotak dialog seperti dibawah ini, silahkan masukkan alamat link pada kolom web address dan setelah itu tekan tombol OK untuk menyimpan
Cara Membuat Berbagai Jenis Link di Blogger (Open link New Tab, Link Biasa)
  • Cara pertama selesai dan semoga bermanfaat untuk kalian semuanya

2. Membuat Link Open Link New Tab di Postingan

  • Langkah pertama silahkan kalian buat postingan baru dengan menekan tombol entri baru
  • Tentukan dibagian kata atau kalimat mana kalian akan menyisipkan link tersebut
  • Jika sudah ditentukan silahkan kalian blok kata atau kalimat tersebut setelah itu tekan menu link.
Cara Membuat Berbagai Jenis Link di Blogger (Open link New Tab, Link Biasa)
  • Setelah menekan tombol link kalian akan melihat kotak dialog seperti dibawah ini, silahkan masukkan alamat link pada kolom web address dan setelah itu tekan tombol ceklis pada bagian Open this link in a new window kemudian tekan tombol OK untuk menyimpan
Cara Membuat Berbagai Jenis Link di Blogger (Open link New Tab, Link Biasa)
  • Cara kedua selesai dan semoga bermanfaat untuk kalian semuanya

3. Membuat Link Biasa Dengan HTML

  • Cara ketiga pembuatan link ini menggunakan html, penyematan link dengan cara ini bisa kalian tempat di berbagai elemen blog/website. Bisa didalam postingan, bisa didalam tepmplate atau widget
  • Pemasangannya bisa menggunakan format seperti dibawah ini
 <a href="https://www.komputerdia.com/">Judul Link simpan disini</a> 
  • Selain format diatas kalian juga bisa menggunakan format dibawah ini
 <a href="https://www.komputerdia.com/" rel="nofollow" title="komputerdia">Judul Link simpan disini</a> 
  • Pembuatan link cara ketiga selesai dan semoga bermanfaat untuk kalian semuanya

4. Membuat Link Open New Tab Dengan HTML

  • Cara keempat pembuatan link ini menggunakan html dengan jenis link open new tab, penyematan link dengan cara ini bisa kalian tempat di berbagai elemen blog/website. Bisa didalam postingan, bisa didalam tepmplate atau widget
  • Pemasangannya bisa menggunakan format seperti dibawah ini
     <a href="https://www.komputerdia.com/" target="_blank">Judul Link simpan disini</a> 
    
    • Selain format diatas kalian juga bisa menggunakan format dibawah ini
     <a href="https://www.komputerdia.com/" target="_blank" rel="nofollow" title="komputerdia">Judul Link Simpan Disini</a> 
    
    • Pembuatan link cara keempat selesai dan semoga bermanfaat untuk kalian semuanya, dan jika ada pertanyaan silahkan kalian masukkan komentar dikolom yang sudah saya sediakan

    5. Membuat Link Open New Tab dengan Javascript

    • Cara selanjutnya untuk membuat link pada blog atau website adalah dengan menggunakan javascript
    • Cara ini bisa kalian pasang secara langsung pada postingan, widget ataupun secara langsung ditanam di template
    • Jika kalian akan menggunakan versi javascript, silahkan kalian gunakan kode dibawah ini
     <!-- Codes by komputerdia.com -->
    <script type="text/javascript">
    // Popup window code
    function newPopup(url) {
        popupWindow = window.open(
            url,'popUpWindow','height=700,width=800,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')
    }
    </script>
    <a href="JavaScript:newPopup('https://www.komputerdia.com/');">Judul Link Simpan Disini</a> 
    
    • Pembuatan link dengan menggunakan javascript sudah selesai dan semoga bermanfaat untuk kalian semuanya

    6. Membuat Semua Link Open New Tab Otomatis

    • Cara ke enam ini berlaku jika kalian akan membuat semua link yang berada didalam blog atau website menjadi open link in new tab semua
    • Langkah pertama silahkan login ke akun blogger atau website kalian
    • Masuk ke bagian menu template kemudian pilih edit html
    • Setelah berada di halaman edit html, silahkan cari kode </head>, gunakan tombol ctrl + f untuk mempermudah melakukan pencarian
    • Selanjutnya silahkan kalian copy kode dibawah ini dan tempelkan kode tersebut tepat diatas kode </head>
     <base target='_blank' /> 
    
    • Selesai dan semoga bermanfaat untuk kalian semuanya

    7. Membuat Semua External Link jadi Open New Tab

    • Cara ke tujuh ini berlaku jika kalian akan membuat semua external link (link dari situs atau blog lain) yang berada didalam blog menjadi open link in new tab semua
    • Langkah pertama silahkan login ke akun blogger atau website kalian
    • Masuk ke bagian menu template kemudian pilih edit html
    • Setelah berada di halaman edit html, silahkan cari kode </body>, gunakan tombol ctrl + f untuk mempermudah melakukan pencarian
    • Selanjutnya silahkan kalian copy kode dibawah ini dan tempelkan kode tersebut tepat diatas kode </body>
     <script type="text/javascript">
    //<![CDATA[
    //mastamvan | Open New Tab
    function externalLinks() {
      for(var c = document.getElementsByTagName("a"), a = 0;a < c.length;a++) {
        var b = c[a];
        b.getAttribute("href") && b.hostname !== location.hostname && (b.target = "_blank")
      }
    }
    ;
    externalLinks();
    //]]>
    </script> 
    
    • Selesai dan semoga bermanfaat untuk kalian semuanya

    8. Membuat Extrenal Link menjadi Open New Tab Semua

    • Cara ke delepan ini sebenarnya masih sama dengan cara nomor tujuh, hanya saja berbeda pada jenis kode serta penempatan kodenya saja
    • Cara ini berlaku jika kalian akan membuat semua external link (link dari situs atau blog lain) yang berada didalam blog menjadi open link in new tab semua
    • Langkah pertama silahkan login ke akun blogger atau website kalian
    • Masuk ke bagian menu template kemudian pilih edit html
    • Setelah berada di halaman edit html, silahkan cari kode </head>, gunakan tombol ctrl + f untuk mempermudah melakukan pencarian
    • Selanjutnya silahkan kalian copy kode dibawah ini dan tempelkan kode tersebut tepat diatas kode </head>
    <script type='text/javascript'>
    $(document).ready(function9(){
    $("a[href^=http://']").each(
    function(){
    if(this.href.indexOf(location.hostname)==
    -1){
    $(this).attr('target','_blank');
    }
    }
    );
    $("a[href^='https://']").each(
    function(){
    if(this.href.indexOf(location.hostname)==
    -1){
    $(this).attr(target','_blank');
    }
    }
    );
    });
    </script>
    
    • Selesai dan semoga bermanfaat untuk kalian semuanya

    9. Membuat Link dengan Gambar atau Logo

    • Cara kesembilan ini bisa kalian aplikasikan secara langsung didalam postingan atau juga bisa ditanam secara langsung pada template
    • Untuk kalian yang akan menggunakan link yang disertai gambar, silahkan gunakan kode dibawah ini
     <a href='Alamat link tujuan'>
    <img src='url gambar kalian' width='240' height='120' title='komputerdia' alt='komputerdia' border='none' />
    </a> 
    
    • Selesai dan semoga cara ini bermanfaat untuk kalian semuanya
    • Jika ada pertanyaan yang akan kalian sampaikan, silahkan masukkan di kolo komentar yang sudah saya sediakan

    0 Response to "Cara Membuat Berbagai Jenis Link di Blog/Website, Postingan Blog Dengan Manual dan Otomatis"

    Post a comment

    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2