Membuat Link dengan Javascript

Artikel ini merupakan sambungan dari artikel sebelumnya dengan judul Mengkompres CSS untuk Mempercepat Loading Blog. Saya sarankan anda membacanya, karena artikel tersebut cukup penting untuk diketahui. Baiklah, sekarang mari kita bahas cara membuat link dengan javascript. Salah satu cara untuk mempercepat loading blog adalah dengan membuat JavaScript menjadi link. Cara ini banyak dilakukan oleh beberapa web master, karena pengerjaannya mudah dan secara otomatis javascript dalam template sudah terkompresi. cara ini juga sekaligus untuk menunjang kinerja seo anda dengan kecepatan loading yang baik. Selain itu anda tidak perlu direpotkan lagi dengan javascript yang panjang dan memakan banyak tempat pada template anda, karena kodenya akan kita ganti dengan sebaris link pendek.

Sebelumnya saya ingin mengucapkan terima kasih kepada Dark-Ard Deidara admin dari dickeymaru.com yang telah memberi masukan masalah judul artikel ini. Sebelumnya judul artikel ini Membuat Javascript Menjadi Link yang ternyata tidak tepat. Terima kasih sahabat, semoga sukses menyertai langkah kamu selamanya. Salam sahabat blogger.

Baiklah, sekarang mari kita bahas cara membuat link dengan javascript. Ikuti langkah berikut.
Log in ke blog anda
Klik Template
Klik Edit HTML kemudian cari kode seperti di bawah ini.

<script type='text/javascript'>
//<![CDATA[ (kode awal yang harus di copy)
var home_page_tab=location.href;if(home_page_tab.indexOf("blogger.com")!=-1){var starttab=-1;var endtab=-1}var $jtab1=jQuery.noConflict();$jtab1(document).ready(function(){var a="<div class='widget-wrapper'><ul class='tab-wrapper'></ul>";for(i=starttab;i<=endtab;i++){$jtab1("#"+sidebarname+" .widget h2").eq(i).hide();$jtab1("#"+sidebarname+" .widget").eq(i).hide();$jtab1("#"+sidebarname+" .widget .widget-item-control").eq(i).hide()}$jtab1("#"+sidebarname+" .widget").eq(starttab).before(a);i=0;j=0;$jtab1("#"+sidebarname+" .widget > h2").each(function(){if(i>=starttab&&i<=endtab){var b=$jtab1(this).text();$jtab1("#"+sidebarname+" .tab-wrapper").append("<li class='tab' id='tabid"+sidebarname+j+"'>"+b+"</li>");j++}i++});i=0;j=0;$jtab1("#"+sidebarname+"  .widget").each(function(){if(i>=starttab&&i<=endtab){$jtab1(this).attr({id:"widgtabid"+sidebarname+j});$jtab1(this).addClass("widget-tab");j++}i++});$jtab1("#"+sidebarname+" .tab").click(function(){$jtab1("#"+sidebarname+" .widget-tab").slideUp();$jtab1("#widg"+$jtab1(this).attr("id")).slideDown();$jtab1("#"+sidebarname+" .tab").removeClass("active-tab");$jtab1(this).addClass("active-tab")});$jtab1("#"+sidebarname+" .tab:first").click()});
//]]> (kode akhir untuk dicopy)
</script>

Biasanya kode di atas berada diantara kode ]]></b:skin> sampai kode </head>.
Copy semua kode merah ke dalam notepad lalu save dengan format javascript dengan menambahkan .js dibelakang nama file. Misalnya anda menyimpannya dengan nama fileku maka menjadi fileku.js. Ingat yang perlu anda copy dari kode //<![CDATA[ sampai //]]> atau diantara kode <script type='text/javascript'> sampai </script>
Selanjutnya kunjungi situs penyimpanan online gratis http://yourjavascript.com. Lihat contoh gambar berikut.

Hasil setelah memasukkan data atau file.

Ini pemberitahuan kalau upload berhasil.

Setelah selesai, buka email anda.

Ambil link javascript anda dan masukkan dalam template sebagai pengganti link yang anda copy tadi. Ingat, sebelumnya semua link yang dicopy tadi harus dihapus semua (hapus semua dari kode <script type='text/javascript'> sampai </script>). Kalau tidak template anda akan error.
Link anda nantinya akan seperti berikut. Kalau ini tidak mau bekerja, lakukan petunjuk ini.

<script type="text/javascript" src="http://yourjavascript.com/2251194794/fileku.js"></script>Ganti tanda kutif "file" menjadi 'file' seperti link di dibawah ini<script src='http://yourjavascript.com/2251194794/fileku.js' type='text/javascript'></script>

Selanjutnya klik Simpan Template
Lakukan pada beberapa javascript. Saran saya javascript readmore tidak usah dijadikan link untuk mempermudah edit tempilan readmorenya.
Demikian penjelasan cara membuat link dengan javascript. Semoga artikel ini bermanfaat bagi kita semua, amin. Selamat mencoba dan semoga berhasil.

Share this post