Cara Mudah Memperbesar Gambar Pada Artikel

Picture by Google

Cara Mudah Memperbesar Gambar Pada Artikel, melihat dari judulnya sebenarnya artikel ini berisikan cara memperbesar gambar pada artikel di blog kita. Cara yang digunakanpun simpel dan sederhana sehingga bisa kita terapkan kapan saja. Tentunya akan sangat berguna bagi anda yang mengedepankan detil pada gambar.

Selamat pagi sobat sekalian, apa kabarnya hari ini, semoga selalu baik. Nah seperti janji saya pada postingan sebelumnya, saya akan menjelaskan satu persatu cara memperbesar atau zoom gambar pada blog. Tapi untuk kali ini cara pertama dulu yang akan saya berikan yaitu Cara Mudah Memperbesar Gambar Pada Artikel.

Ada banyak sekali cara memperbesar gambar, salah satunya adalah menggunakan code CSS yang di tanam pada template. Hasilnya pun setiap gambar yang ada pada blog kita akan zoom sendiri bila diarahkan kursor di atasnya, tanpa harus masuk ke halaman baru agar gambarnya jadi besar. Lebih simple kan?

Terus bagaimana caranya? Mudah atau sulit? Nah dari pada bingung-bingung gak jelas, sebaiknya anda langsung saja terapkan langkah-langkah tutorial berikut ini.

Cara Mudah Memperbesar Gambar Pada Artikel

1. Pertama-tama anda harus Login terlebih dahulu ke blog anda.

2. Masuk ke dashboard dan pilih template.

3. Selanjutnya anda klik Edit HTML.

4. Menggunakan ctrl + F atau bisa juga dengan F3 anda cari kode ]]></b:skin>, sebenarnya ini cara lama. Berhubung blogger sudah menggunakan format baru, langsung saja anda cari </b:skin>.

5. Dengan langkah no. 4 nanti anda akan menemukan <b:skin>...</b:skin> nah anda klik saja ... nanti akan banyak muncul kode tersembunyi.

6. Yang harus anda laku kan adalah temukan kembali kode </b:skin> dan tempel kode berikut ini tepat di atas </b:skin>.

.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.3);

-webkit-transform: scale(1.3); } 

7. Selanjutnya klik save template.

8. Terakhir lihat hasilnya pada salah satu artikel anda yang memiliki gambar.

Berikut ini contoh gambar yang bila diarahkan mouse di atasnya akan zoom sendiri.

Sangat mudah bukan? tapi sebelum itu saya ucapkan selamat terlebih dahulu karena anda telah berhasil memperbesar atau zoom gambar di blog anda. Tapi jika anda merasa artikel Cara Mudah Memperbesar Gambar Pada Artikel ini ada kekurangan, mohon masukannya. Selain itu baca juga artikel lain mengenai Tips Belajar Membuat Highlight Menarik Pada Blogger. Terima kasih atas kunjungan anda dan selamat beraktivitas.

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