Membuat efek image fade pada gambar blog dengan Jquery Membuat efek image fade pada gambar blog dengan Jquery - Blog Manado - Tutorial Web Design

Membuat efek image fade pada gambar blog dengan Jquery

Membuat efek image fade pada gambar blog dengan Jquery
Share
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....

0 Response

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel