Friday, October 13, 2017

Cara memberikan efek ZOOM pada gambar di postingan Blog

Posted by on Friday, October 13, 2017

Cara memberikan [efek ZOOM] pada gambar di Postingan Blog

Cara membuat auto zoom
https://blog-inspiratiff.blogspot.co.id


Pemberian efek ZOOM pada sebuah gambar di postingan Blog saya rasa cukup penting untuk diterapkan pada Blog kita sobat. Mengapa ? karena tidak jarang kita atau pengunjung sebuah website atau Blog menjumpai gambar yang terlalu kecil atau kurang jelas, apalagi gambar tersebut merupakan bagian penting dari sebuah tutorial yang disampaikan pada web atau Blog yang mengulas tentang tutorial. Itu sebabnya saya pada kesempatan kali ini, akan membagikan caranya kepada anda, bagaiman menerapkan efek ZOOM pada gambar di postingan Blog anda.


Mari kita mulai Tutorialnya sob :


Langkah 1 : Silahkan anda Login ke Blogger anda

Langkah 2 : Pada Tampilan utama Blog anda, silahkan klik Template/Tema ( Tergantung settingan Bahasa di Blog anda )

Langkah 3 : lalu, klik edit HTML

Langkah 4 : Silahkan anda cari kode ]]></b:skin>

Langkah 5 : Silahkan anda Copy kode berikut ini, tepat diatas kode ]]></b:skin> tadi

.post 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 2px 2px 0;
}
.post img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 1;
}

Langkah 6 : Silahkan anda klik Simpan Template

Terakhir, coba anda buka salah satu postingan blog anda kemudian arahkan kursor pada gambar yang mana saja. Jika berhasil, maka gambar tersebut akun nge ZOOM otomatis.

( Baca juga : Cara membuat tombol Share Melayang Responsive )

Sekian tutorial saya pada kesempatan kali ini, jika anda mengalami kendala dalam mempraktekkannya. Silahkan tinggalkan komentar di kolom komentar yang telah tersedia, atau jika anda ingin berlangganan konten menarik lainnya seputar Blog Inspiratif saya, silahkan Subscribe email anda. Dan jangan lupa Follow saya di Fanspage Facebook saya.


Terima kasih telah Berkunjung


Salam
Blog Inspiratif