Pos

Menampilkan postingan dari Juni, 2014

Membuat Slideshow plus Navigasi dengan jQuery

Gambar
Buatlah blog Anda lebih cantik dengan menambahkan slideshow. Selain cantik, slideshow juga menghemat tempat karena kita bisa menampilkan beberapa item pada satu tempat. Ingin mencoba silahkan.

HTML
<div id="slider"> <div class="container"> <div class="slide"> ... </div> <div class="slide"> ... </div> <div class="slide"> ... </div> <div class="slide"> ... </div> <div class="slide"> ... </div> </div> </div> <nav id="slider-nav"></nav>
CSS
/* Slider */ #slider { width:300px; /* dimensi lebar */ height:200px;; /* dimensi tinggi */ margin:0 auto; background-color:black; overflow:hidden; /* Sembunyikan muatan elemen '.container' yang berlebih dari '#slider' */ } #slider .slide { width:300px; /* dimensi lebar */ height:200px; /* dimensi tingg…

Arti Kode \x (backslash x) dalam JavaScript

Gambar
Pernah melihat kode-kode aneh atau membingungkan dalam JavaScript? Misalnya dalam artikel Mengubah-footer-template-droidpluss, seorang pengunjung bernama Tenri Baso bertanya kepada saya bagaimana membuat kode seperti berikut ini.

\x54\x65\x6D\x70\x6C\x61\x74\x65\x20\x6E\x6F\x74\x20\x62\x79\x20

Kode seperti itu adalah kode JavaScript yang terproteksi. Tujuannya mencegah pencurian kode JavaScript dan memangkas (mengecilkan) ukurannya.

Bagaimana Cara Memproteksi dan Mengecilkan Ukuran JavaScript? Memproteksi dan mengecilkan ukuran JavaScript dapat dilakukan dengan bantuan Obfuscator. Silahkan kunjungi website Free JavaScript Obfuscator. Cara menggunakannya sangat mudah. Copy-Paste JavaScript sobat ke kolom Input Javascript code here:, setelah itu klik tombol OBFUSCATE. Hasilnya dikeluarkan pada kolom Obfuscated result:. Lihat screenshot di awal.

Sobat bisa lihat perbedaan JavaScript sebelum diproteksi dan sesudah diproteksi. Setelah diproteksi, kode JavaScript menjadi sangat sulit untuk …