Cara Mengubah Url Blog Di Address Kafe Memakai Javascript Dan Jquery

Tutorial blog kali ini ihwal cara mengubah alamat website/blog dikala dibuka memakai sedikit potongan isyarat dari JavaScript dan jQuery. Konsepnya menyerupai redirect link, tetapi untuk tutorial kali ini tidak mengganti seluruh link yang ada melainkan hanya mengganti sebagian kata/huruf dari permalink.

Peran isyarat JavaScript dalam tutorial ini yakni mengganti/replace permalink dengan yang kita tentukan, serta meload/me-refresh kembali address kafetaria dengan permalink yang gres itu. Sementara tugas isyarat jQuery ialah menghentikan reload/refresh yang berulang-ulang, dalam arti lain, isyarat jQuery dalam tutorial ini hanya akan mengijinkan laman melaksanakan refresh cukup sekali saja.

Perlu dicatat bahwa cara ini bukan mengganti hyperlink. Karena mengganti hyperlink pada platform blogger tidak disupport. Cara ini hanya cocok dipakai untuk mengarahkan user untuk mengakses laman yang sesuai.

Kira-kira begitulah penjelasannya.

Lalu cara menerapkannya yakni menyerupai berikut ini.

Kode yang diharapkan yakni menyerupai berikut ini:

<script type='text/javascript'>
//<![CDATA[
function test(){ var bx = 'kode_yang_ingin_diubah';
var url = window.location.toString();window.location.href=window.location.href.toString().replace( bx , 'kode_yang_diharapkan');
}test();
//]]>
$(document).ready(function(){if(document.URL.indexOf(&quot;#&quot;)==-1){url = document.URL+&quot;#&quot;;location = &quot;#&quot;;location.reload(true);}});
</script>

Contoh:

Misalnya link menyerupai berikut ini:
https://www.example.com/sumber-air-so-dekat.html

Padahal link yang benar dan diinginkan yakni menjadi menyerupai ini:
https://www.example.com/sumber-air-sudah-dekat.html

Jadi, aku harus mengganti kata so menjadi sudah, semoga user menerima laman yang benar. Jika diterapkan pada script di atas, maka kesannya akan menjadi menyerupai ini:

<script type='text/javascript'>
//<![CDATA[
function test(){ var bx = 'so';
var url = window.location.toString();window.location.href=window.location.href.toString().replace( bx , 'sudah');
}test();
//]]>
$(document).ready(function(){if(document.URL.indexOf(&quot;#&quot;)==-1){url = document.URL+&quot;#&quot;;location = &quot;#&quot;;location.reload(true);}});
</script>

Letakkan script tersebut sempurna di atas isyarat </head> atau &lt;/head&gt;&lt;!--<head/>--&gt;

kemudian klik Save Theme.

Perhatian:
Anda butuh isyarat jQuery loader untuk mengaktifkan fungsi script di atas, kodenya menyerupai berikut ini dan diletakkan di atas isyarat </head> atau &lt;/head&gt;&lt;!--<head/>--&gt;

<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>

Sekian tutorial kali ini, semoga membantu!

Source: https://stackoverflow.com

Advertisement