Gudang Tutorial Blog

jQuery Gambar Magnify memungkinkan gambar apapun pada halaman yang akan diperbesar oleh faktor diinginkan ketika diklik , melalui sleek zoom in/zoom out .Gambar diperbesar berpusat pada layar pengguna sampai diberhentikan. Ia bekerja pada kedua gambar dengan dan tanpa eksplisit lebar / tinggi atribut yang didefinisikan. Ini berarti Anda dapat mengambil gambar besar yang secara default akan terlihat keluar...

Continue Reading

Memasang halaman bergambar under maintenance bertujuan untuk memberitahu kepada pengunjung,bahwa blog sobat dalam perbaikanHalaman ini berada pada home/tampilan depan blog sobat.Berikut caranya, apabila sobat ingin memasangnya 1. login blog2. rancangan3. edit html dan centang "expand widget template"4. letakkan kode berikut di atas ]]></b:skin>html {height: 100%;background: url(http://www.ventiq.com/wordp/wp-content/uploads/2011/12/maintenance_dofus.jpg) no-repeat center 50%; margin: 0; } body { display: none; }kode gambar berwarna kuning ganti sesuai keinginan.5. simpanMudah bukan cara membuat...

Continue Reading

Jika sobat ingin membuat efek zoom pada gambar postingan,seperti gambar di atas(sorot mouse aja jika ingin lihat contohnya)simak caranya:1. Login blog2. Rancangan3. Edit html dan centang expand widget template4. Letakkan kode berikut di atas ]]></b:skin>.hovergallery img{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-o-transform:scale(0.8);-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;opacity:0.7;margin:0 10px 5px 0}.hovergallery img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);box-shadow:0px 0px 30px gray;-webkit-box-shadow:0px 0px 30px gray;-moz-box-shadow:0px 0px 30px gray;opacity:1}5. Simpan templateKemudian dalam editor postingan letakkan kode berikut pada gambar<div...

Continue Reading

Efek fade pada gambar adalah efek gambar yang semula redupapabila di sorot kursor maka akan perlahan menjadi semakin terang.Jika sobat ingin mencobanya,berikut ini caranya:1. login blog2. rancangan, edit html3. letakkan kode  di bawah ini,        <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'/>        <script type='text/javascript'>        $(document).ready(function() {        $('img').fadeTo('slow', 0.5);        $('img').hover(function() {        $(this).fadeTo('slow', 1.0);        }, function() {        $(this).fadeTo('slow', 0.5);        });        });        </script>di atas kode </head>4. Simpan...

Continue Reading