rss

Wednesday, January 13, 2010

Teknik Menghasilkan Imej Boleh Digerak Dalam Blogger

Selamat pagi wahai kawanku... babai memandangkan saya tidak dapat tidur lagi, maka saya akan buat satu tutorial yang dinamakan menghasilkan imej boleh gerak dalam blogger! sengihnampakgigi ( digerak dengan tetikus anda ) .

Tutorial ini amat mudah sekali untuk diikuti,jadi diharap anda semua dapat melakukan dengan baik okay, saya pasti anda boleh melakukannya kerana anda seorang blogger! hehe... nerd Baiklah mari kita mulakan...

 *Hasil tutorial ini nanti anda boleh lihat sendiri Live Demo Disini cubalah gerak-gerak imej disana.


Langkah 1 :
- Log masuk ke akaun blogger anda
- Klik dashbord- Klik edit html
- Klik download full templates ( kalau takut buat salah lagi ) hehe...
- Klik atau tik kotak expand widget templates
- Cari kod ini :    </head>                                                                                                                   
- Salin atau copy kod dibawah
- Letakan atau paste kod dibawah di atas atau sebelum kod  </head>  ini


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<script src='http://jqueryui.com/latest/ui/ui.core.js' type='text/javascript'/>

<script src='http://jqueryui.com/latest/ui/ui.draggable.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(&quot;.draggable&quot;).draggable();
});
</script>

- Klik preview,kalau tiada masalah
- Klik save templates

Langkah 2 :
- Klik page elements
- Klik add gadget ( satu popup blok akan muncul )
- Klik html / javascript
- Salin kod dibawah
- Letakan atau paste kod dibawah dalam html / javascript tadi
- Klik save
<div class='draggable'>
<a href='http://nama-blog-anda.blogspot.com><img alt='nama imej anda' src='http://link-gambar-anda.png'/></a>
</div>

 *Tulisan  Warna merah dalam kotak di atas harus digantikan.
 *Gunakan kod dalam kotak di atas,setiap kali ingin menghasilkan imej boleh gerak dalam blogger.

- Cuba gerakan imej-imej anda dengan tetikus,haa...kan dah bergerak tu.
- Tahniah,lain kali buat lagi.

PERHATIAN !!
** Anda boleh juga  menggunakan post blogger anda untuk menjayakan teknik ini.
- Klik posting - buat posting baru
- Gunakan kod di atas
- Klik publish
- Selesai sudah!

Selepas ini,bolehlah anda menganjurkan pertandingan menyusun gambar tercantik dalam blog blogspot anda.

Selamat mencuba !! Sekian wasalam...


Comments :

Comment 0 comments for “Teknik Menghasilkan Imej Boleh Digerak Dalam Blogger”

Post a Comment

* You can leave some comment here. No spam please!
** Allowed HTML Tags : (b),(i),(a)

 
How To Create Blog On Blogger
How To Purchase Domain Name On Blogger
How To Change Template On Blogger