Javascript Auto Redirect Footer Kredit - Agiel Triono

Javascript Auto Redirect Footer Kredit

Baca Juga

Javascript Auto Redirect dalam bahasa indonesia disebut Pengalihan Otomatis atau inti utama nya adalah Redirect (Pengalihan) dapat diartikan sebagai pengalihan dari sumber lain ke sumber utama dimana dalam sumber tersebut tidak terdapat sumber yang dituju atau tidak ada. Nah jika di dalam javascript biasa nya di gunakan sebagai teknik manipulasi link dalam sebuah halaman website dengan tujuan tertentu.

Disini saya akan memberikan sebuah metode yang dimana sangat berkaitan erat dengan penjelasan di atas seperti metode Redirect pada inti nya yaitu menggunakan metode javascript window.location yang akan saya gunakan sebagai pengalihan link apabila link yang terdapat pada tag <a> di hapus atau value yang terdapat pada tag <a> telah dirubah.

Oke sebelum kita memulai tutorial buka dahulu Notepad pada komputer untuk kita digunakan sebagai media untuk menulis javascript pada tutorial ini.

Variable var

pertama kita buat sebuah Global variabel var dimana variabel digunakan pada seluruh bagian halaman website.
silahkan tulis variabel dengan nama my_link dengan value "Sebuah link tujuan" dengan tanda kurung.
jangan lupa gunakan (,)koma di akhir kalimat apabila kita ingin membuat variabel tanpa harus menulis var pada variabel selanjutnya.
var my_link = "https://www.agieltriono.com"
lanjut buat baris baru lalu buat nama variabel lagi gunakan nama my_name dan tambahkan value "Nama Website" dengan tanda kutip.
my_name = "Agiel Triono"
Terakhir buat lagi variabel dengan nama my_elem dan tambahkan value document.getElementById('ID') ganti ID dengan ID element pada tag yang anda ingin targetkan contoh 'myelemen' dengan tanda kutip.
Ingat pada variabel terakhir tambahkan (;) titik koma di akhir value.
my_elem = document.getElementById('credit')

Jika dirangkai maka akan seperti ini.
var my_link = "https://www.agieltriono.com",
    my_name = "Agiel Triono",
    my_elem = document.getElementById('credit');

if statement

Kita sudah membuat variable sekarang kita buat if (statement) atau kondisional (pengecualian) if{...} Dikarenakan kita membuat variable secara global tanpa di bungkus function (Fungsi) maka tidak dapat menggunakan else { return false }.
silahkan tulis seperti di bawah ini.
if ((my_elem.getAttribute('href') != my_link) || (my_elem.innerHTML != my_name) || (my_elem === null)){
 window.location = my_link;
 }

Penjelasan

Kode statement di atas menggunakan beberapa pengecualian jika variabel my_link,my_name dirubah atau my_elem di hapus maka perintah window.location = my_link; akan di eksekusi hanya apabila return value tersebut tidak sesuai atau false != (Tidak sama dengan)

Nah jika sudah jadi akan seperti ini
var my_link = "https://www.agieltriono.com",
    my_name = "Agiel Triono",
    my_elem = document.getElementById('credit');
if ((my_elem.getAttribute('href') != my_link) || (my_elem.innerHTML != my_name) || (my_elem === null)){
 window.location = my_link;
 }

INFORMASI :
"https://www.agieltriono.com" = Link website yang terdapat pada footer link.
"Agiel Triono" = nama website yang tertera pada footer link.
'credit' = id pada tag <a>.

untuk penulisan elemen <a> pada footer kira-kira akan seperti ini.

<footer>
Powered By <a id="credit" href="https://www.agieltriono.com" rel="nofollow">Agiel Triono</a>
</footer>
Sesuaikan value pada variable dengan yang ada pada footer.

Kesimpulan dari tutorial ini adalah ketika seseorang mengubah konten dari footer tersebut maka akan otomatis mengalihkan halaman yang di tuju ke halaman utama anda.

Penggunaan efektif diterapkan pada template premium. Jangan lupa sembunyikan javascript tersebut dengan menggunakan alat Javascript Obfuscator untuk di enkripsi yang nanti akan sulit dirubah oleh pemakai template.Letakan di bagian yang sulit di rubah misalkan di sisipkan pada satu file javascript atau satu tag di dalam tag <script>.

Demikianlah tutorial singkat tentang penerapan Javascript Auto Redirect untuk footer kredit.

  • Untuk memasukan gambar silakan upload gambar pada komentar disqus.
  • Untuk memasukan link silahkan cantumkan link pada komentar tanpa menggunakan tag <a>.
  • Untuk menulis huruf bold silahkan gunakan <strong>...</strong> atau <b>...</b>.
  • Untuk menulis huruf italic silahkan gunakan <em>...</em> atau <i>...</i>.
  • Untuk menulis huruf underline silahkan gunakan <u>...</u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike>...</strike>.
  • Untuk menulis kutipan pendek gunakan <q>...</q>.
  • Untuk menulis kutipan panjang gunakan <blockqoute>...</blockqoute>.
  • Untuk menyembunyikan konten panjang gunakan <spoiler>...</spoiler>.
  • Untuk menulis syntax highlighter silahkan gunakan <pre><code>...</code></pre>, dan silahkan parse kode pada tab TOOLS.