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... 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(){
$(".draggable").draggable();
});
</script>
<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(){
$(".draggable").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>
<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 :
Post a Comment
* You can leave some comment here. No spam please!
** Allowed HTML Tags : (b),(i),(a)