Buat Gambar Yang Boleh Digerakkan Dekat Blog
Gerakkan gambar naruto dekat demo blog itu
1.Log masuk ke blogger dashboard anda
2.Dekat Blogger Dashboard anda-->Klik Design --> Edit Html
Cari kod
</head>
3.Pastekan kod dibawah sebelum/diatas kod </head>
<script src='http://code.jquery.com/jquery-1.4.2.min.js' type='text/javascript'/>
<script src='http://ciudad-blogger.googlecode.com/files/jquery.easydrag.js' type='text/javascript'/>
4.Save template.
5.Pergi ke layout page atau design-->Add a gadget-->Html Javascript
Untuk aktifkan gambar yang boleh digerakkan,kodnya adalah seperti ini:
<img id="easydrag1" src="URL gambar" style="border: 0px none; cursor: move;" />
<script type="text/javascript">
$(function(){ $("#easydrag1").easydrag();});
</script>
Ini pula sekiranya jika kita ingin letakkan link ke gambar:
<img id="easydrag1" style="cursor:move; border:0px;" ondblClick="javascript:window.open('URL link')" src="URL gambar" /><script type="text/javascript">
$(function(){ $("#easydrag1").easydrag();});
</script>
Post a Comment:
Nota: Hanya ahli blog ini sahaja yang boleh mencatat ulasan.