Membuat efek image fade pada gambar blog dengan Jquery

Anonymous

21 February 2013

Blog Membuat Widget

Efek dari Jquery 1.5.2 tersebut ialah berfungsi untuk seluruh gambar pada halaman blog, dan membuat gambar pada halaman blog menjadi transparan ketika tidak tersentuh kursor dan menjadi terlihat jelas ketika tersentuh kursor atau sebaliknya. sobat dapat lihat gambar dibawah ini ;

jika sobat Blogger Tutorial Web ingin memasang efek tersebut, ikuti langkah sebagai berikut :

1. Login pada blog yang ingin sobat pasang efek Jquery lalu pilih rancangan
2. Edit HTML dan centang Expand Widget Template  
3. Cari kode </head> kemudian Copy/Pastekan kode yang di bawah ini tepat di atas kode </head
   

   <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'/>
   <script type='text/javascript'>
   $(document).ready(function() {
   $(&#39;img&#39;).fadeTo(&#39;medium&#39;, 0.5);
   $(&#39;img&#39;).hover(function() {
   $(this).fadeTo(&#39;medium&#39;, 1.0);
   }, function() {
   $(this).fadeTo(&#39;medium&#39;, 0.5);
   });
   });
   </script>

4. Pada kode yang berwarna merah adalah kode Jquery 1.5.2, apabila di blog sobat suda ada Jquery-nya maka pemasangan Jquery tersebut tidak perlu dilakukan
5. Simpan

Keterangan....