♀ Masuk Ke Rancangan
♀ Pilih EDIT HTML
♀ Sekarang simpan kode CSS berikut diatas kode ]]></b:skin> :
.drag_gambar img { cursor: move;}
♀ Selanjutnya simpan kode berikut diatas kode </head> :
<script src='http://kangdadang.googlecode.com/files/jQuery.js' type='text/javascript'/>
<script src='http://kangdadang.googlecode.com/files/jQuery-Ui.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$("div.drag_gambar img").draggable();
});
</script>
♀ Simpan template
Dan untuk pemasangan silahkan anda masukkan kode berikut pada edit Html postingan anda :
<div class='drag_gambar'><img alt='NAMA GAMBAR' src='URL GAMBAR'/></div>
Tips Blogger
- Scroll Tampil Dipostingan Jika Diperlukan
- Membuat background Pada Judul Sidebar
- Menambahkan Twitter Button di Blog
- Membuat Saving Energy Dengan Gambar Sendiri
- Fixed Guestbook Slide Effect With jQuery
- Naruto Emot Untuk Komentar
- Efek Animasi Dasar Pada Blog
- Cara Mudah Membuat Tool Tip Dengan CSS
- Cara Mudah Membuat Textarea
- Membuat Menu Iklan (jQuery Ads Popout)
- Cara Membuat Slideshow Gambar (with jQuery)
- Membuat Simple Menu
- Efek-efek Tulisan Menggunakan CSS3
- Membuat Menu Daftar Isi Jtoctree
- Image Zoom Effect With Jquery
- Shoutbox Light Effect
- Membuat Hover Image CSS3 Pada Blog (Seperti Blog ini )
- Bertabur Cinta
- Light Hover Horizontal Menu With CSS For Blogger
- Cara mudah memasukkan banyak Tab Widget pada sidebar
- Cara Pasang Efek Kupu - Kupu Berterbangan
- Merobah Domain Menjadi CO.TV
- Cara Memasang Efek Bintang Berjatuhan di Blog
- Make Border-Radius
