Jumat, 08 Januari 2010

DRAGABLE WIDGET LIKE MAC

Kembali lagi dengan BeBeN si bloglang sejatih. Dalam perjalanan kali ini aku mendapatkan hack yang bagus sekali guna bergaya-gaya dengan widget blog kita. Apa itu widget??? Kasih intermezzo dolo dikit ah, widget itu adalah ketika kita melakukan penambahan (Add), yang biasa kita lakukan dihalaman Page Elements dan meng-add Add a Gadget...nah itulah widget...wekekekekkkk!!!

Pokoknya itu lah, masa tidak paham mah...huehuehheuhue. Oke kita lanjut pada pokok permasalahan apa yang akan BeBeN pilih tentang hack kali ini. Lihat demonya disini Demo Drag. Lihat pada samping kanan ada beberapa widget, coba sobat drag dengan menggunakan mouse dengan menahan klik kiri...gerak/pindahkan (DRAG) widget tersebut!!! Tertarik...lanjut!!!

Full Download Template dolo yah, Log in pada account blog sobat ---> Expand your template ---> Tekan CTRL + F ---> temukan kode </BODY>.

Kalau sudah ketemu, masukkan script berikut ini (tenang...scriptnya sudah menggunakan jasa dari directorynya si embah gOOgle), kita tinggal memakainya dengan memanggilnya saja..LoL.

<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>

Penjelasan (3) script diatas :

  1. Javascript ajax yang ada di directorynya Ajax library dari google server.
  2. Javascript jquery yang ada di Jquery library dari google server.
  3. Script pemanggil yang ada di directory dragable function dari jquery server.

Penjelasan dalam mengaplikasikannya :

  • $(".widget.HTML") : script ini akan berfungsi memanggil semua widget yang berjenis HTML untuk di drag.
  • $(".widget.Label") : script ini fungsinya memanggil semua widget yang berjenis Label.
  • $(".widget.BlogArchive") : kalau yang ini jenis BlogArchive yang akan bisa di dragnya.

Save dan lihat hasilnya.
Kalau dari sobat ada yang ingin bereksperimen lebih dengan hack ini, tinggal menambahkan dan mengganti unique ID guna mengaplikasikannya. Perhatikan script $(".widget.unique ID") ganti deh unique ID-nya dengan apa yang mau di drag. Kalau ada pertanyaan silahkan kunjungi blog yang punya hacknya...namanya juga bloglang, hanya bisa menjelaskan enggak bisa menjawab solusinya...wakakakakkkkk.

HAPPY BLOGGING DAN WASSALAM ^_^.

This tutorial hack by : Fun With Blogger. He's Ihsan owner from blog Fun With Blogger.

Tidak ada komentar:

Posting Komentar