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.
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
- happy codding.
<body> di remove, dan lain sebagainya.