28 August 2013

Cara Membuat Efek Foto Membesar Di Postingan Blog

Taohids_28 August 2013



Seperti yang kita ketahui, Photoshop adalah software untuk mengolah, mengedit, dan desain gambar. Berbagai macam efek seperti Brush, Clone Stamp, Magic Blur, Krop, dan sebagainya, tetapi tidak dengan efek zoom di Blogger. Karena efek zoom lebih kepada gambar yang ditampilkan lalu apabila dilihat akan membesar secara otomatis pada blog.


Zoom berfungsi untuk memperbesar atau memperkecil penglihatan sebuah gambar. Dengan memberi efek zoom di gambar artikel kita, maka akan membuat blog kita lebih terlihat menarik dan juga mengurangi berat loading blog apabila menggunakan gambar yang besar.


Cara pembuatannya cukup mudah dan simple, langsung ke tips cara membuatnya.
1. Login ke akun blogger.com
2.  Lalu Klik Template, setelah laman terbuka, kik Edit Html
3. Lalu cari kode ini ]]><b:skin> , agar pencarian lebih mudah gunakan ctrl+F
4. Setelah  ketemu, salin kode script di bawah ini, lalu pastekan tepat di atas kode hasil pencarian tadi. (kode nomor 3)

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

5. Setelah selsai cobalah pratinjau lebih dahulu..
Bila berhasil baru anda boleh Klik "Simpan Template".

Begitulah cara sederhana dari saya untuk menampilkan gambar posting membesar apabila tersentuh mouse di blog.

SEMOGA BERHASIL 

Bagikan Artikel Ke Sosial Media


Artikel Terkait lainya tentang :

0 Comments

Silahkan berkomentar sesuai tema posting di atas. Komentar jorok, spam, atau tidak relevan, akan kami hapus secara permanen.