Add jQuery UserInterface To Blog(instaling)


sebelum mencoba lebih dalam kita haru mengenal apa itu jQuery.
jQuery adalah pustaka JavaScript kecil bersumber terbuka yang menekankan pada interaksi antara JavaScript dan HTML. Pustaka ini dirilis pada Januari 2006 di BarCamp NYC oleh John Resig dan berlisensi ganda di bawah MIT dan GPL. . .

Untuk Membuat Dialog jQuery Kamu harus Memasukan Script Di bawah dalam Tag <head>.

<link href='http://jqueryui.com/themes/base/jquery.ui.all.css' rel='stylesheet'/>
    <script src='http://jqueryui.com/jquery-1.7.1.js'/>
    <script src='http://jqueryui.com/external/jquery.bgiframe-2.1.2.js'/>
    <script src='http://jqueryui.com/ui/jquery.ui.core.js'/>

    <script src='http://jqueryui.com/ui/jquery.ui.widget.js'/>
    <script src='http://jqueryui.com/ui/jquery.ui.mouse.js'/>
    <script src='http://jqueryui.com/ui/jquery.ui.draggable.js'/>
    <script src='http://jqueryui.com/ui/jquery.ui.position.js'/>
    <script src='http://jqueryui.com/ui/jquery.ui.resizable.js'/>
    <script src='http://jqueryui.com/ui/jquery.ui.dialog.js'/>
<!--effects-->
    <script src='http://jqueryui.com/ui/jquery.effects.core.js'/>
    <script src='http://jqueryui.com/ui/jquery.effects.blind.js'/>

    <script src='http://jqueryui.com/ui/jquery.effects.bounce.js'/>
    <script src='http://jqueryui.com/ui/jquery.effects.clip.js'/>
    <script src='http://jqueryui.com/ui/jquery.effects.drop.js'/>
    <script src='http://jqueryui.com/ui/jquery.effects.explode.js'/>
    <script src='http://jqueryui.com/ui/jquery.effects.fade.js'/>
    <script src='http://jqueryui.com/ui/jquery.effects.fold.js'/>

    <script src='http://jqueryui.com/ui/jquery.effects.highlight.js'/>
    <script src='http://jqueryui.com/ui/jquery.effects.pulsate.js'/>
    <script src='http://jqueryui.com/ui/jquery.effects.scale.js'/>
    <script src='http://jqueryui.com/ui/jquery.effects.shake.js'/>
    <script src='http://jqueryui.com/ui/jquery.effects.slide.js'/>
    <script src='http://jqueryui.com/ui/jquery.effects.transfer.js'/>

<!--end of effect-->
<!-- CSS JQUERY -->
    <link href='http://jqueryui.com/demos/demos.css' rel='stylesheet'/>
<!-- Kudu di Ganti -->
        <link href='http://facesuck.16mb.com/jQuery/css/facesuckdropdownmenu.css?kjmonyetqwgh7lsldf' rel='stylesheet'/>

Script di atas hanya untuk CSS style,Effect,dan lainnya dari www.jqueryui.com

setelah itu buat Gadget





Terus click Add a Gadget..





Pilih HTML/JavaScript..









Sehabis di Save elo juga bisa geser-geser tempat suka-suka..


 
 
Masukan deh ini . . .





Selesai Dan SElesai Tingal simpan , , , Semoga tidak mengerti . . . .


Thaks for images to AingCreations , Courtesy jQuery  by : wikipedia & jQuery UI

Komentar

Postingan populer dari blog ini

Review Objektif Karya Terpilih Denny JA 60: Menggali Makna di Balik Kutunggu

Review Mendalam Karya Terpilih Denny JA 15: Balada Aneta