Kembali saya meluncurkan posting terbaru saya tentang Cara Membuat Gambar Bisa Dipindah-Pindah hehehe... Unik bukan judulnya?

sebelumnya saya pernah share tentang Cara Membuat Postingan Blog Tidak Bisa Di copy nah trik blog kali ini ya tentu saja tentang Cara Membuat Gambar Bisa Dipindah-Pindah mau tau caranya?. langsung aja ikuti langkah"nya di bawah
Log In ke blogger dengan id kalian masing-masing hehehe..
Lalu masuk ke 'Rancangan' - 'Edit HTML' (centang 'Expand Widget Template')

Setelah itu copy kode css dibawah ini, lalu paste tepat diatas kode ]]></b:skin>

.drag_gambar img { cursor: move;}

Lalu copy kode script dibawah ini, lalu paste tepat diatas kode </head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript">
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript">
</script>
<script type="text/javascript">
$(document).ready(function() {
$(&quot;div.drag_gambar img&quot;).draggable();
});
</script>
Klik "Simpan Template".

Untuk cara menggunakanya, gunakan kode dibawah ini.
<div class='drag_gambar'><img alt='KET GAMBAR' src='URL GAMBAR'/></div>
NB: Untuk tulisan yang berwarna orange ganti dengan keterangan gambar ,sedangkan yang berwarna biru ganti dengan url gambar sobat sendiri.

0 komentar

Posting Komentar

Maaf' Komentar Link Akan Di Hapus..@@!!