Membuat Sliding Login/Register Form Panel di Blog

Login Form yang akan saya bahas hanya Contoh dan tidak dapat digunakan layaknya Login Form seperti di Facebook, Twitter, atau yang lainnya. Karena Blog ini terbuka untuk umum tanpa perlu mendaftar menjadi Member.

Cara Membuat Halaman Maintenance Pada Blogspote

Cara membuat Halaman Maintenance Pada Blogspot, (Under Maintenance). Setelah kemarin saya membahas tentang Search Box Simpel dan Keren Untuk Blogspot, kali ini saya akan kembali membahas tentang tips dan trik blogspot. Dulu awalnya, saya pikir cuman di blog Wordpress saja yang bisa maintenis, eh maintenance maksude :)) Ternyata Blogspot-pun bisa.

Cara Cepat Mendapatkan Sitelink Dari Google

Seperti janji saya kemarin, untuk sedikit berbagi informasi khusunya tentang Seach Engine dan SEO yaitu cara cepat mendapatkan sitelink google. SiteLink, Hadiah Dari Google, itulah yang kemarin sempat saya posting, karna pengalaman demi pengalaman, sedikit banyak saya bisa menulis tentang artikel ini.

Cara Mempercepat Loading Blog With Script Lazyload

Cara mempercepat loading blog memang ada banyak macam dan cara, seperti yang jauh-jauh hari sudah pernah saya share disini yaitu antara lain, Kompres CSS Untuk Mempercepat Loading Blog, Cara Mempercepat Loading Blog With CSS External, dan masih ada banyak cara lain tentunya. Nah Script Lazyload awalnya saya tahu itu script/plugin untuk Wordpress, ternyata ada juga yang diterapkan di Blogspot.

Cara Membuat Anti Klik Kanan, Disable Block Text, dan Disable Ctrl+ C, pada Blogspot

sekarang lanjut lagi Cara Membuat Anti Klik Kanan, Disable Block Text, dan Disable Ctrl+ C, pada Blogspot (Anti Kopas). Cara ini pastilah sudah banyak yang share, dan tentunya engan macam-macam cara dan beda kode tentunya.

Tampilkan postingan dengan label JavaScript. Tampilkan semua postingan
Tampilkan postingan dengan label JavaScript. Tampilkan semua postingan

6 Agu 2012

Cara Mempercepat Loading Blog With Script Lazyload

Senin, Agustus 06, 2012  ,  88 comments

Cara Mempercepat Loading Blog With Script Lazyload - Cara mempercepat loading blog memang ada banyak macam dan cara, seperti yang jauh-jauh hari sudah pernah saya share disini yaitu antara lain, Kompres CSS Untuk Mempercepat Loading Blog, Cara Mempercepat Loading Blog With CSS External, dan masih ada banyak cara lain tentunya. Nah Script Lazyload awalnya saya tahu itu script/plugin untuk Wordpress, ternyata ada juga yang diterapkan di Blogspot.

jQuery Lazyload

Sebelum Sobat menerapkan script ini, sedikit saya beri ulasan sebelum dan sesudah menggunakan Script Lazyload.
Dengan tools ini Sobat mengetahui berapa kecepatan blog Sobat.
Dari situ Sobat bisa membedakan sendiri setelah dan sebelum menggunakan Script Lazyload ini.

Oke, berikut cara memasang Script Lazyload di Blogspot:

1. Login blogger pastinya
2. Masuk ke Rancangan
3. Klik Edit HTML dan klik Expand Template Widget (backUp template)
4. Cari kode </head>
5. Letakan script dibawah ini tepat diatasnya

Javascript
<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://k-blogger.googlecode.com/files/easy-loading.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$(&quot;img&quot;).lazyload({placeholder : &quot;http://bit.ly/Qv60g5&quot;,threshold : 200});
});
</script>

6. Simpan Template.


Tambahan:
Pengalaman saya sendiri untuk kode blogger, tidak semua website/blog bisa lebih ringan menggunakan Script Lazyload ini.
Saat di cek, ada pula yang malah membuat blog lebih berat.
Jadi sebelum dan sesudah anda menggunakannya alangkah lebih baiknya sobat cek dulu disini.
Semoga bermanfaat.

Sumber referensi :
http://exitren.blogspot.com

Read More

22 Mar 2011

Pengertian JavaScript

Selasa, Maret 22, 2011    4 comments

Biar makin lengkap, kita lanjutkan membahas tentang Javascript, tentunya tidak jauh-jauh dari Sobatnya yaitu HTML dan CSS. untuk menyingkat waktu langsung saja kita bahas.

Apa itu JavaScript ??
JavaScript adalah bahasa pemrograman berbasis prototipe yang berjalan disisi klien. Jika kita berbicara dalam konteks web, sederhananya, kita dapat memahami JavaScript sebagai bahasa pemrograman yang berjalan khusus untuk di browser atau halaman web agar halaman web menjadi lebih hidup. Kalau dilihat dari suku katanya terdiri dari dua suku kata, yaitu Java dan Script.
Java adalah Bahasa pemrograman berorientasi objek, sedangkan Script adalah serangkaian instruksi program.

Dan inilah menurut sobat luxboy di http://gugling.com
Secara fungsional, JavaScript digunakan untuk menyediakan akses script pada objek yang dibenamkan ( embedded ). Contoh sederhana dari penggunaan JavaScript adalah membuka halaman pop up, fungsi validasi pada form sebelum data dikirimkan ke server, merubah image kursor ketika melewati objek tertentu, dan lain lain.
Dalam bahasa pemrograman JavaScript juga, sebagai contoh fungsi perintah var tidak boleh ditulis Var dan juga tidak boleh ditulis VAR (huruf besar semua), yang benar adalah var (huruf kecil semua). Perintah lain adalah new Date tidak boleh ditulis new date (huruf kecil semua), dsb.
Efek dari Javascript yang bekerja pada sisi browser ini, Javascript dapat merespon perintah user dengan cepat, dan membuat halaman web menjadi lebih responsif. JavaScript melakukan apa yang tidak bisa dilakukan oleh HTML, PHP, dan CSS : menangani hal – hal yang membutuhkan respons cepat terhadap aksi dari user.
Implementasi terpopuler saat ini dari pemrograman JavaScript adalah teknik AJAX. (Asynchronous JavaScript and XMLHTTP ). teknik ini sering digunakan oleh aplikasi berbasis web seperti Gmail, Google Reader, dan lain lain. Teknik yang membuat pertukaran data antara server dan browser terjadi di belakang layar sehingga interaksi antara user dan aplikasi web semakin responsif. Post tersendiri untuk membahas hal ini akan kita siapkan.

Code Sample: JavaScriptBasics/Demo/JavaScript.html:
<html>
<head>
<title>JavaScript Page</title>
<script type="text/javascript"> window.alert("The page is loading"); </script>
</head>
<body>
<p align="center">
<span onclick="document.bgColor = 'red';">Red</span> |
<span onclick="document.bgColor = 'white';">White</span>
</p>
<script type="text/javascript" src="Script.js"></script>
</body>
</html>
Hasilnya akan seperti ini:


Nah begitulah kiranya untuk penjelasan javascript.
Semoga bisa bermanfaat.

Read More