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 Menarik Karya Terpilih Denny JA 23: Kisah Kitab Petunjuk

Ulasan Objektif: Kisah Kitab Petunjuk Dalam Karya Terpilih Denny JA 23

Review Mendalam Denny JA 15: Mengungkap Pesona Balada Aneta