Memasang Efek Drag pada Widget Blog

Sore-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' 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.

Tag : Blogger

SHARE

Tweet