Membuat efek image fade pada gambar blog dengan Jquery

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 Blog Manado 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....

No comments:
Write komentar