amung.us

Try us on Wibiya!

Jumat, 11 Mei 2012

Cara Membuat Fungsi Drag Pada Widget Blogger


Cara Membuat Fungsi Drag Pada Widget Blogger. ???? pada lom tau kan?? hahahahaha

ok ok.... artikel saya kali ini emang kayaknya blm bnyak orang yang tau, Cara Membuat Fungsi Drag Pada Widget Blogger.

Maksudnya adalah kita akan memberi efek pada widget" kita (yg dikehendaki) agar bisa dipindah" gt..... alias pakek efek drag gt... heheheh

mau coba?????? ok silahkan .... tp jangan lupa Template dulu yah.... hihihihi

Cara Membuat Fungsi Drag Pada Widget Blogger

  • login blog
  • buka menu rancangan > edit html
  • taruh kode dibawah ini tepat diatas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js' type='text/javascript'/>
  • lalu taruh kode dibawah ini juga tepat diatas kode diatas
  • <script type='text/javascript'> $(document).ready(function() { $(&quot;.widget.TYPEWIDGET&quot;).draggable(); }); </script>
contoh tipe widget seperti ini sob :
<b:widget id='Label1' locked='false' title='Label' type='Label'/>
<b:widget id='Profile1' locked='false' title='About' type='Profile'/>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='HTML1' locked='false' title='SAMPLE' type='HTML'/>
nah kode yang berwarna biru itulah yg dinamakan TYPEWIDGET

Contoh pemasangannya seperti ini :
<script type='text/javascript'> $(document).ready(function() { $(&quot;.widget.Profile&quot;).draggable(); }); </script>

untuk yang lain kembangkan sendiri ya..... hehehehe

  • Simpan dan lihat hasilnya,...... klo masih lom faham komentar sob :)

Good Luck

0 komentar:

Posting Komentar