MEMBUAT GAMBAR BER-GERAK SAAT DI SENTUH KURSOR BLOG

Hai sahabat, kali ini saya akan sedikit share tentang cara membuat gambar membesar saat di sentuh kursor blog mungkin sahabat semua sudah pernah tau sebuah blog/web yang memasang sebuah gambar/foto pada blog nya dan pada saat di sentuh oleh kursor akan bergerak dan membesar, mungkin sahabat juga ingin membuat nya mungkin supaya terlihat sedikit unik di blog sahabat namun sahabat tidak mengetahui cara membuat atau cara memasang nya namun tenang saja cara memasang nya cukup mudah jika sahabat ingin memasang nya silahkan sahabat simak saja di bawah bagaimana cara pemasangan nya.

Login ke akun blog rsahaba
Klik Template > Edit HTML centang pada Expand Template Widget
Cari kode ]]></b:skin> ,
setelah itu, letakkan kode dibawah tepat diatas kode ]]></b:skin>  

.post img, table.tr-caption-container { border:none; max-width:800px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }


Nah jika sahabat sudah memasang nya silahkan sahabat coba.
jika sudah berhasil nanti akan seperti yang saya pasang di blog saya silahkan sahabat coba sentuh gambar pada blog ini saja.
Mungkin cukup sekian saja artikel tentang MEMBUAT GAMBAR BERGERAK SAAT DI SENTUH KURSOR BLOG semoga bermanfaat dan saya ucapkan terimakasih atas perhatian nya.

Cara mengubah Kursor di BLOG dengan gambar animasi bergerak-gerak

 

Oke sobat pada artikel kali ini saya akan berbagi ilmu tentang dunia blogger.. pada artikel yang satu ini saya akan kembali membahas tentang Kursor lagi nie sobat!! yaitu kursor Animasi Bergerak . Mungkin sobat blogger jenuh dengan bentuk Kursor di blogger sobat yang seperti itu-itu saja ? oke sob dengan adanya artikel cara mengubah kursor dengan Gambar Animasi Bergerak. langsung aja ya sob tanpa basa basi lagi simak caranya berikut ini  :

1. Login ke Bloger sobat

2.Lalu Masuk Ke tata letak

3. Klik "ADD GADGET"

4 Pilih html/javascript, Lalu Copy Paste Script Berikut

<style type="text/css">body{cursor: url("http://cursors0.totallyfreecursors.com/thumbnails/rainbow-ani3.gif "), auto;}body a:hover{cursor: url("http://cursors0.totallyfreecursors.com/thumbnails/bullseye-ani.gif"), auto;}</style>

Warning :

Ganti huruf yang bercetak PUTIH tersebut dengan URL kursor yang sobat ingin gunakan di blogger sobat..

• Jika sobat sudah mengcopy paste kan script berikut di blogger sobat maka script itu akan memberikan animasi kursor yang sudah ada di srcipt tersebut 

Oke Disini saya mempunya beberapa kursor animasi yang dapat sobat gunakan di blogger sobat!

  

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1HSEHHFdQEMvkK18xEINVvIao84nTxFACmBI4PoX270GBkEPcsQeGbyauiwYguX5zqTyz8EGXYaYW4crFt-vn1cEILFmOd9pBQpFGpPGGwJ8TagANMC3zvssb4LBszY6a1iNv_IUOdgU/s1600/cur18.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6muj3DCa_by1kz20mB-MMxqOQxi5YKmioH0VRUEat6JMLPO66_jR7dYky3QGF0XYN_aReMIcTETaueTfPHEUq-hHCuqDpRGruxohb09a6mOBvs3OABbGsIxdif7chs4RLPwdBwD7Ndns/s1600/gam1440.gif

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRHG7xbhxG4d8w0qHpQuOh59EUD0022Ry9y_mOf8rNNVtWaXsGEDYtTdS5jN1sPMGtVhvVuTQvWVpBKBefzERnH0GB2v6bXBK6DbSn35X3gEV_b6Zg4Sa83c_haT5NOOYt5rqcvT5LLK4/s1600/mec61.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB7BPjQ4590xoXy5HevtOIlyOAzyaOBgOcp6jhMG8uTFA0fGu9XCb1bztqRsCVdvbFFfdsUjXjPLrhy2mpMsNIfXjthBLJhqzbDwO7_IhqQO7CTacnMDqa8k9C3Da5_5wfN8Y0gFL5j9w/s1600/hol512.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQN57jTWWH2geaSc4CfNr4C5QxEk9qeyVbk4B7jsY_WoA8VFQIhfXQfuMBDEC1cmz6bm6UbnbouqwQ3sh_8z9N1jjIwMng5tyHIUA3jRabFGP0Wx2ezfCog1c-r02QnJhuKgpiPurXxb0/s1600/sym714.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidTc1CaxBXnFKJXSU79pwqCqq6gHziSRZnebEKsMoZrQ8LPu1XvnK0KdOCNx7MoT72YzBFO10fHgqBDB-HFJjQ4Gd9Zl3XHoDcz9XQYPWjrl3Jq_Ruhv53Pnd8BNr8v_0p-Qw0j4V3YsA/s1600/cur945.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF2NpQnCduzPmfIOLVzCp9soO15DAFp6I-JeY35MbegLZAMSDsB5aPipPsF4HycV2qB0eSqDAxPcECcF11jLZ6uQQ0Wt-sEpMKzmSSkKBYOml6HrYdhDSO2Qzy2TSPZsKRuB1SRzoWwcg/s1600/nat192.gif

Oke sobat sekian dulu ya artikel tentang cara mengubah kursor dengan gambar animasi bergerak semoga postingan ini dapat memberikan manfaat bagi sobat blogger yang membacanya!!
 See you letter!!