tRikSonic
Tema
  • Original
  • Translate

Cara Mengamankan Credit Link dengan Redirect Link

Terakhir diperbarui : 24 Mei 2018 - 20.14
Cara Mengamankan Credit Link dengan Redirect Link - kali ini saya ingin berbagi tutorial bagaimana Mengamankan Credit Link dengan sebuah Redirect Link.
Sebenarnya trik ini sudah banyak yang membahasnya, tapi mungkin di blog lain ada beberapa penjelasan yang kurang dimengerti, maka tidak salahnya saya bagikan juga di blog ini, tentunya mudah dimengeti dan di pahami.
Cara Mengamankan Credit Link dengan Redirect Link
Trik ini biasanya banyak digunakan oleh pada template/thema sebuah blog, agar link pembuat template tersebut tidak sembarangan dihapus oleh blogger yang kurang menghargai karya orang lain rasa penasarannya besar.

Cara Pertama

Pastikan pada template atau theme ada jquery versi berapapun baik inline ataupun ekternal, untuk tutorial kali ini saya menggunakan versi jquery 1.12.4
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

Contoh HTML

<footer id='footer'>
  Template by <a id='credit' href='https://example.com/'> example.com</a>
</footer>

Contoh jQuery

$(document).ready(function () {
 if ($("#credit").attr("href") != "https://example.com/") {
  window.location.href = "https://example.com/";
 }
});
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Demo Triksonic</title>
</head>
<body>

<footer id='footer'>
Template by <a id='credit' href='https://example.com/'> example.com</a>
</footer>

<p>
Silahkan Ganti attribute ID atau link lokasi,<br/>
Klik Tombol Run untuk Preview.<br/>
Dan silahkan tunggu.
</p>

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

<script>
//<![CDATA[
$(document).ready(function () {
 if ($("#credit").attr("href") != "https://example.com/") {
  window.location.href = "https://example.com/";
 }
});
//]]>
</script>

</body>
</html>

Cara Kedua

Cara mengamankan credit Link yang kedua ini menggunakan javascript murni, atau tanpa Library javascript, berikut contohnya :

Contoh HTML

<footer id='footer'>
  Template by <a id='credit' href='https://example.com/'> example.com</a>
</footer>

Contoh Javascript

var element = document.getElementById("credit");
 if (element.getAttribute("href") != "https://example.com/") {
   window.location.href = "https://example.com/";
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Demo Triksonic</title>
</head>
<body>

<footer id='footer'>
Template by <a id='credit' href='https://example.com/'> example.com</a>
</footer>

<p>
Silahkan Ganti link lokasi,<br/>
Klik Tombol Run untuk Preview.<br/>
Dan silahkan tunggu.
</p>

<script>
//<![CDATA[
var element = document.getElementById("credit");
 if (element.getAttribute("href") != "https://example.com/") {
   window.location.href = "https://example.com/";
}
//]]>
</script>

</body>
</html>

Cara Ketiga

Cara mengamankan credit Link yang ketiga ini masih menggunakan javascript murni, atau tanpa Library javascript, berikut contohnya :

Contoh HTML

<div>
 <a class='credit-link' href='https://example.com/'>
 example.com
 </a>
</div>

<footer>
 Template by 
 <a class='credit-link' href='https://example.com/'>
 example.com
 </a>
</footer>

Contoh Javascript

var element = document.querySelectorAll(".credit-link");
for (var i = 0, len = element && element.length; i < len; ++i){
   var index = element[i];
   if (index.getAttribute("href") != "https://example.com/") {
     window.location.href = "https://example.com/";
   }
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Demo Triksonic</title>
</head>
<body>

<div>
 <a class='credit-link' href='https://example.com/'>
 example.com
 </a>
</div>

<footer>
 Template by 
 <a class='credit-link' href='https://example.com/'>
 example.com
 </a>
</footer>

<p>
Silahkan Ganti link lokasi,<br/>
Klik Tombol Run untuk Preview.<br/>
Dan silahkan tunggu.
</p>

<script>
//<![CDATA[
var element = document.querySelectorAll(".credit-link");
for (var i = 0, len = element && element.length; i < len; ++i){
   var index = element[i];
   if (index.getAttribute("href") != "https://example.com/") {
     window.location.href = "https://example.com/";
   }
}
//]]>
</script>

</body>
</html>
Dari ketiga contoh diatas saya pribadi merekomendasikan cara kedua, dengan catatan selalu perhatikan attribut ID, karena dalam 1 halaman html hanya diperbolehkan 1 nama ID dengan nama yang sama.
Sebenarnya masih banyak cara Mengamankan Credit Link, tapi dari ketiga contoh diatas saya cara cukup.
Tips :
Ketiga contoh diatas masih bisa dikembangkan lebih lanjut dalam penggunaannya, tidak hanya untuk membuat redirect link, tapi juga bisa untuk keperluan lainnya, misal : jika link credit dirubah maka element <body> di remove, dan lain sebagainya.
- happy codding.
X
Run
Klik tombol Run, untuk menampilkan hasil editing, atau menyegarkan editor.