Cara Menciptakan Thumbnail Gambar Blog Membesar Dan Mengecil

cara menciptakan pengaruh zoom in dan out gambar di blog, sekarang kita akan membahas perihal cara menciptakan thumbnail gambar blog membesar dan mengecil. Thumbnail ialah sebuah istilah gambar kecil yang mewakili sebuah gambar besar biar memudahkan untuk memilih.

Baca juga:

Cara Memperbaiki Postingan Yang Hilang di Homepage Blogger

Cara Membuat dan Memasang Live Chat di Blog Terbaru 2018

Cara Menghilangkan Sidebar Blog di Halaman Tertentu

Tutorial Membuat Thumbnail Gambar Membesar dan Mengecil

Untuk menciptakan thumbnail gambar membesar dan mengecil dikala mengarahkan mouse di atasnya ternyata tidak terlalu sulit. Berikut ini langkah-langkah yang harus kau lakukan:

1. Pergi ke sajian Blogger.

2. Klik "Theme".

3. Klik "Edit HTML"

4. Gunakan ctrl+f untuk mencari isyarat "]]></b:skin>"

5. Kemudian copy+paste isyarat berikut sempurna di atas:

.postthumb img{width:100%;height:auto;transform:scale(1.0);backface-visibility:hidden;padding:0;margin:0;transition:transform .5s} .postthumb:hover img {transform:scale(1.52);}

6. Selanjutnya, ganti ".postthumb" dengan isyarat thumbnail di blog kamu.

7. Gunakan inpect element (klik kanan > inpect element) kemudian klik gambar thumbnail. Sebagai contoh, pada blog madamvia isyarat thumbnail nya ialah "postthumb"

8. Setelah diganti, sekarang tinggal save/simpan theme dan refresh halaman blog kamu.

Nah, selamat sekarang gambar thumbnail post di blog kau sudah dapat membesar dan mengecil dikala diarahkan mouse di atasnya. Bagaimana berdasarkan kamu? Jika ada yang ingin ditanyakan silahkan komentar ya.