Membuat Link Manual dan Otomatis di Blog

Cara Membuat Link Manual dan Otomatis di Blog / Website - Para pengguna blog / websiAte ketika membuat link / ngelink pastinya dengan cara yang berbeda - beda karena hal ini menurut kesukaan dan keahliannya masing - masing.

Panduan kali ini secara otomatis yang sudah di sediakoan oleh blogger atau dengan manual pembuatnya dengan mengetikan Script HTML.

Hal ini sebenarnya sama - sama ngelink, namun ada beberapa perbedaan ketika link itu di klik ada yang langsung ke tujuan / ada yang dengan membuka tab baru.

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

Dengan adanya panduan yang di buat ini pastinya kalian menambah pengalaman Cara Membuat Link Manual dan Otomatis di Blog / Website, ikuti panduan di bawah ini :
  • Dengan cara Link yang suah tersedia di blogger
    - Klik Link lalu tulis nama lin dan isi Link yang akan di tuju.
    - Blok tulisan yang akan link lalu klik link.
  • Dengan Cara Link New Tab
    - Halnya sama Nomer satu, hanya centang Open this link in a new window
  • Pembuatan dengan cara HTML
<a href="https://www.anangzd.com/">Judul</a>
<a href="https://www.anangzd.com/" rel="nofollow" title="Judul">Judul Link simpan disini</a>

 

  • Pembuatan dengan cara HTML New Teb
<a href="https://www.anangzd.com/" target="_blank">Judul Link simpan disini</a>
<a href="https://www.anangzd.com/" target="_blank" rel="nofollow" title="komputerdia">Judul Link Simpan Disini</a>

  • Pembuatan Link Opne New Tab dengan Java Script
<!-- 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.anangzd.com/');">Judul Link Simpan Disini</a>

  • Pembuatan New Tab Otomatis
<base target='_blank' />

  • Pembuatan semua link menjadi Open New Tab
    - Bila di blog / website kalian ingin menjadikan link tersebut menjadi Open New Tab yang harus di lakukan menambah kan script / HTML ke tema.
    - Masuk ke Dasbor => Tema => Edit HTML
    - Cari kode </body> agar lebih cepat tekan CRTL + F
    - Copy kode di bawah ini lalu paste di atas </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>

  • Pembuatan semua link menjadi Open New Tab
    - Bila di blog / website kalian ingin menjadikan link tersebut menjadi Open New Tab yang harus di lakukan menambah kan script / HTML ke tema.
    - Masuk ke Dasbor => Tema => Edit HTML
    - Cari kode </head> agar lebih cepat tekan CRTL + F
    - Copy kode di bawah ini lalu paste di atas </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>

  • Pembuatan link dengan gambar atau Logo
<a href='Alamat link tujuan'>
<img src='url gambar kalian' width='240' height='120' title='anangzd' alt='anangzd' border='none' />
</a>

Nah sekarang kalian sudah bisa membuat berbagi link dengan 9 cara yang saya berikan di postingan klai ini. semoga postingan yang saya buat ini bisa bermanfaat buat klian.
Post a Comment (0)
Previous Post Next Post