Mungkin sobat ingin menyembunyikan semua link yang ada pada template Blog Anda
Bisa saja, namun perlu jQuery untuk membuatnya secara otomatis. Intinya, kita hanya perlu merubah href menjadi hiddenhref
Contoh Penerapan hiddenhref :
Untuk menerapkan kedalam blog Anda, silahkan ikuti petunjuk dibawah :
Bisa saja, namun perlu jQuery untuk membuatnya secara otomatis. Intinya, kita hanya perlu merubah href menjadi hiddenhref
Membunyikan Semua Link Secara Otomatis di Template Blogger
Contoh Penerapan hiddenhref :
<a hiddenhref="https://www.aridjaya.com">Link Tautan</a>
- Masuk ke Akun blogger
- Pilih Template » Edit HTML
- Copy script berikut ini dan tempelkan diatas kode </head>
<script>
$(function(){
$("a").each(function (index, element){
var href = $(this).attr("href");
$(this).attr("hiddenhref", href);
$(this).removeAttr("href");
});
$("a").click(function(){
url = $(this).attr("hiddenhref");
window.open(url, '_blank');
})
});
</script>
$(function(){
$("a").each(function (index, element){
var href = $(this).attr("href");
$(this).attr("hiddenhref", href);
$(this).removeAttr("href");
});
$("a").click(function(){
url = $(this).attr("hiddenhref");
window.open(url, '_blank');
})
});
</script>
Link Anda tidak akan sama seperti sebelumnya. Hal ini karena tidak teridentifikasi sebagai link hidup, ini karena tidak terdapat atribut href didalamnya.
Untuk memperbaikinya agar terlihat seperti link sungguhan, silahkan tambahkan CSS ini didalam template Anda
<style>
a{
cursor: pointer;
text-decoration: none;
}
</style>
a{
cursor: pointer;
text-decoration: none;
}
</style>
Pastikan juga Anda telah menyimpan salah satu framework versi berapapun di template, misalnya
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
Simpan template Anda dan lihat hasilnya..