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>

0 ulasan:

Catat Ulasan

Follow by Email