728x90 AdSpace

Latest News

07 Disember 2011

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>
Buat Gambar Yang Boleh Digerakkan Dekat Blog
  • Blogger Comments
  • Facebook Comments

0 ulasan:

Catat Ulasan

Top