Memasang Efek Drag pada Widget Blog

Posted: November 24, 2010 in Blogger
jQuery logoSore-sore gini enaknya ngapain yah?. “O ya posting artikel aja” kata  si badu.. haha. konyol banget intronya. Langsung saja, sesuai dengan judulnya, kali ini ariiiie ingin berbagi cara buat widget di blog kita bisa pindah2 alias drag. kebayang g’ kalau widget blog kita yang sebelumnya  tidak bisa bisa di apa-apakan, hanya bisa di baca, diklik, dan discroll, sekarang bisa kita pindah2 kan sesuai keinginan kita.

Langsung ke TKP!!!!!
Cara Pemasangan
1. Login ke akun blog anda

2. Beri tanda centang pada Expand Template Widget

3. Cari kode </body>

4. Taruh Script berikut dibawah kode </body>

<script src=’http://www.google.com/jsapi&#8217; type=’text/javascript’></script>
<script type=’text/javascript’>
google.load(“jquery”, “1.3.2”);
google.load(“jqueryui”, “1.7.1”);
</script>
<script type=’text/javascript’>
$(document).ready(function(){
$(“.widget.HTML”).draggable();
$(“.widget.Label”).draggable();
$(“.widget.BlogArchive”).draggable();

});
</script>

Yang Perlu Anda Perhatikan
Beberapa kode diatas butuh pengaturan agar nantinya bekerja sesuai dengankeinginan anda :

1. Kode $(“.widget.HTML”).draggable(); akan membuat seluruh semua widget anda yang bertipe HTML mempunyai fungsi draggable.

2. Kode $(“.widget.Label”).draggable(); hanya pada widget label saja yang mempunyai fungsi draggable.

3. Kode $(“.widget.BlogArchive”).draggable(); hanya pada widget arsip blog anda.
Anda dapat memilih sesuai keingina anda

Gimana?,, menarik kan?…kalau ada masalah silakan tanyakan.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s