Cara Membuat Fungsi Drag Pada Widget Blogger - Sharing Ilmu Pengetahuan | Ianhacks
Headlines News :
Home » , » Cara Membuat Fungsi Drag Pada Widget Blogger

Cara Membuat Fungsi Drag Pada Widget Blogger

Written By Rian on 9.26.2012 | Wednesday, September 26, 2012


Artikel saya kali ini emang kayaknya belum banyak orang yang tau,
Cara Membuat Fungsi Drag Pada Widget Blogger.

Maksudnya adalah kita akan memberi efek pada widget" kita (yg dikehendaki) agar bisa dipindah" ..... alias pakek efek drag ... mau coba ??? ok silahkan tapi jangan lupa BACKUP Template dulu yah....

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

• Simpan dan lihat hasilnya,......

Good Luck ^_^


x_3bfae512
Share this article :

0 comments:

Speak up your mind

Tell us what you're thinking... !

 
Support : Proudly powered by Blogger
Copyright © 2011. Sharing Ilmu Pengetahuan | Ianhacks - All Rights Reserved
Original Design by Creating Website Modified by IanBlack