Widget Gambar Berpindah Pindah Sesuai Keinginan

Kali Ini saya akan beragi Script Biar gambar bisa berpindah pindah sesuai keinginan kita.
langsung saja ke TKPya sob,
seperti biasa
  1. Masuk akun blog sobat
  2. Pilih Template
  3. Edit Html
  4. Centang Expand Template Widget
  5. Masukkan Kode berikut ini diatas kode </head>

<style type="text/css">
.hermanbagusgeser{position:relative;cursor:hand;z-index: 100;}</style>
<script type="text/javascript">
var hermanbagusgeserobject={
z: 0, x: 0, y: 0, offsetx : null, offsety : null, targetobj : null, hermanbagusgeserapproved : 0,
initialize:function(){
document.onmousedown=this.hermanbagusgeser
document.onmouseup=function(){this.hermanbagusgeserapproved=0}},
hermanbagusgeser:function(e){
var evtobj=window.event? window.event : e
this.targetobj=window.event? event.srcElement : e.target
if (this.targetobj.className=="hermanbagusgeser"){
this.hermanbagusgeserapproved=1
if (isNaN(parseInt(this.targetobj.style.left))){this.targetobj.style.left=0}
if (isNaN(parseInt(this.targetobj.style.top))){this.targetobj.style.top=0}
this.offsetx=parseInt(this.targetobj.style.left)
this.offsety=parseInt(this.targetobj.style.top)
this.x=evtobj.clientX
this.y=evtobj.clientY
if (evtobj.preventDefault)
evtobj.preventDefault()
document.onmousemove=hermanbagusgeserobject.moveit}},
moveit:function(e){
var evtobj=window.event? window.event : e
if (this.hermanbagusgeserapproved==1){
this.targetobj.style.left=this.offsetx+evtobj.clientX-this.x+"px"
this.targetobj.style.top=this.offsety+evtobj.clientY-this.y+"px"
return false}}}
hermanbagusgeserobject.initialize()</script>
<!--hermanbagusgeser engine code installed here-->

Lalu simpan

Nah ketika posting gunakan script berikut ini.

<img class="hermanbagusgeser" src="url-gambar" />

Selesai.

Demo : Klik dua kali gambar dan geser.
(Gambarnya tidak Zoom sob, Zoom ini karena efek dari script saya, Nanti gambar ini tidak berputar pada blog sobat)




Reverensi Script : http://ketagihanbaca.blogspot.com/

Subscribe to receive free email updates:

40 Responses to "Widget Gambar Berpindah Pindah Sesuai Keinginan"

  1. mantep sekali tuh sob. jd pingin nih...

    salam 6^_^9 dsni sob...

    ReplyDelete
    Replies
    1. Hehe iya sob, saya ucapkan terimakasih ya :189

      Delete
  2. heheheh mantab,...ngomong2 tahan nih kalau di doggy style hehehehe,..tugas blogger sob,..

    ReplyDelete
  3. keren sob
    tapi buat berat loading ga ya

    ReplyDelete
  4. mantappss ijin cobaa brow like iklan succes shob

    ReplyDelete
    Replies
    1. Oke sob, lanjutkan , makasih juga likenya s0b :104

      Delete
  5. kirain gambar yang gimana hehehe :D

    ReplyDelete
    Replies
    1. Wah ini fikirannya sudah kemana mana ya hehe

      Delete
  6. wahh..hebat...!
    pandai herman ya...

    ReplyDelete
    Replies
    1. Walah g sob, ini kan copy an hehe :121

      Delete
  7. mantap sob, di terapin ngak ya...

    ReplyDelete
  8. berhasil nya,, jadi keren deh gambernya bisa dipindah2an

    ReplyDelete
  9. Keren banget, dua jempol untuk sobatku yg satu ini, hehee

    6^_^9 sukses sob,

    ReplyDelete
    Replies
    1. Haha makasih sob, ini copyan loh, makasih nih 69nya :189

      Delete
  10. nambah 1 ilmu blog lagi nih :D
    nice post sob..

    seperti biasa kewajiban absen 6^_^9 slesai sob

    ReplyDelete
    Replies
    1. Sama sama sobat, diterima 69nnya hehe

      Delete
  11. ini sobb.. script yang saya cari2 dari dulu oke sobb... nanti saya praktekin di blog :121

    ReplyDelete
  12. wew keren elangnya bro, dan gambar bisa pindah2, tapi bingung mau naruh dimana, hehehe, dalam sangkar kali ya , hehe :138

    ReplyDelete
    Replies
    1. Haha boleh juga dalam sangkar sob :104

      Delete
  13. wah adalagi nih yang baru,harus dicoba nih sob

    ReplyDelete
  14. wihh, makin mantap aja ilmu sobat herman bagus ini...
    kyak nya harus berguru nih,,

    ReplyDelete
    Replies
    1. Wah ini juga saya copy sob, saya juga lagi belajar sob :104

      Delete
  15. wah jdi pengen nyoba nih.....

    nice info.....

    ReplyDelete
    Replies
    1. silahkan di coba sobat :189 sama sama

      Delete
  16. udah di klik .. wuihhh pindah :D
    .

    ReplyDelete
  17. thx ilmux gan..., takut ntr blo sy jd berat :120

    ReplyDelete
    Replies
    1. Sama sama sobat, wah kalau buat blog berat sepertinya tidak sob..

      Delete
  18. keren sob bisa pindah2.. hehehe.. :167

    ReplyDelete