Cara Lain Untuk Zoom Gambar Pada Blog

zoom gambar di blog secara mudah
Picture by Google

Cara Lain Untuk Zoom Gambar Pada Blog, ketika anda membutuhkan detil sebuah gambar, tetapi beresiko memperberat loading blog. Anda bisa melakukannya dengan cara zoom gambar, tapi sayangnya tools ini belum tersedia. Nah bagi anda yang mengalami masalah ini jangan kecewa, karena artikel yang sedang anda baca ini jawabannya. Artikel ini berisi cara-cara untuk memperbesar gambar di artikel secara mudah.

Selamat sore teman-teman sekalian. Hal positif apa yang telah anda lakukan hari ini? Selalu di pertahankan yaa. Ok, lagi-lagi memenuhi janji pada postingan sebelumnya, kali ini postingan kembali mengenai masalah zoom atau memperbesar gambar, yaitu Cara Lain Untuk Zoom Gambar Pada Blog.

Cara kali ini menggunakan kode script, berbeda dengan cara sebelumnya yang menggunakan kode CSS. Tapi hasilnya sama, akan berefek pada semua gambar yang ada pada tiap postingan anda. Jadi anda tidak perlu repot-repot untuk setting lagi ketika menulis artikel baru, karena gambarnya sudah otomatis bisa di zoom.

Terus bagaimana caranya? apakah sama dengan cara yang sebelumnya? Menjawab pertanyaan ini, sebenarnya caranya hampir sama, cuma beberapa langkah saja yang berbeda, tapi tenang saja karena tetap tidak akan menyulitkan. Dari pada kita bertele-tele, langsung saja anda ikuti tutorial berikut ini.

Cara Lain Untuk Zoom Gambar Pada Blog

1. Hal yang pasti harus dilakukan adalah Login ke blog terlebih dahulu.

2. Masuk ke dashboard dan klik Template.

3. Selanjutnya pilih Edit HTML.

4. Cari kode <head>, agar lebih mudah silahkan gunakan ctrl+F atau bisa juga menggunakan F3.

5. Salin kode berikut ini lalu tempel di bawah kode <head>.

<style>
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.2);
-webkit-transform: scale(1.2);
</style> 

6. Selanjutnya klik Save template.

7. Terakhir lihat hasilnya pada halaman blog anda yang memiliki gambar.

Berikut ini contoh gambar yang akan zoom jika di letakkan cursor di atasnya.



Selamat ya anda telah berhasil melakukan cara zoom gambar yang ke dua, semoga artikel Cara Lain Untuk Zoom Gambar Pada Blog ini bisa bermanfaat. Jika anda merasa ada yang membingungkan jangan sungkan untuk bertanya. Selain itu baca juga artikel lain mengenai Cara Mudah Memperbesar Gambar Pada Artikel. Terima kasih atas kunjungan anda dan jangan lupa untuk menebar senyuman.


Like THIS :
Share this article to: Facebook Twitter Google+ Linkedin Technorati Digg

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di BDariku

Belum ada komentar untuk "Cara Lain Untuk Zoom Gambar Pada Blog"

Post a Comment