Membunyikan Semua Link Secara Otomatis di Template Blogger


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

Membunyikan Semua Link Secara Otomatis di Template Blogger


Contoh Penerapan hiddenhref :

<a hiddenhref="https://www.aridjaya.com">Link Tautan</a>

Untuk menerapkan kedalam blog Anda, silahkan ikuti petunjuk dibawah :
  1. Masuk ke Akun blogger
  2. Pilih Template » Edit HTML
  3. 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>

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>

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..

Share this

Related Posts

Previous
Next Post »