Sembunyikan Semua Link Otomatis dari Template Blogger



Pada oktober 2014 lalu, telah saya publish tutorial cara menyembunyikan link secara manual dari html link itu sendiri. Namun karena ada sobat yang bertanya "kalau sembunyiin semua link langsung dari edit template gimana"?


Bisa saja, namun perlu jQuery untuk membuatnya secara otomatis. Intinya, kita hanya perlu merubah href menjadi hiddenhref

Misalnya:
<a hiddenhref="http://kangsigit.com">Link Tautan</a>

Untuk menerapkan kedalam blog Anda, silahkan ikuti petunjuk dibawah:

  • Masuk ke blogger.com
  • Pilih Template » Edit HTML
  • Masukkan script ini diatas </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: underline;
        }
    </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..
Guitar Chords

Popular posts from this blog

Ramalan Jodoh dan Pasangan Hidup Menurut Tanggal Lahir

Cara Mudah Ambil Uang di ATM BRI (+gambar)

Cara Mengetahui Hari Kelahiran Weton Jawa - Online