tutorial blogging dan info komputer

CARA MEMBUAT EFEK ZOOM PADA GAMBAR BLOG

CARA MEMBUAT EFEK ZOOM PADA GAMBAR BLOG

Cara Buat Efek Zoom Gambar Blog -

cara buat efek zoom gambar blog
Add caption

Untuk Membuat Efek Zoom gambar pada blog sangatlah mudah dan simple .Efek zoom ini bertujuan untuk memperbesar gambar/foto kita di blog.Efek ini bekerja ketika gambar pada blog kita didekati oleh pointer mouse,dan secara otomatis gambar akan besar .Ini akan menimbulkan kesan gambar hidup dan untuk mempercantik blog juga tentunya.

Berikut cara untuk membuat efek zoom gambar blog ;

1.Login ke dashboard blogger sobat
2.Pilih template > edit HTML
3.Cari kode ]]>< /b:skin >  tekan ctrl+f  untuk mempercepat pencarian
4.Copy dan pastekan kode di bawah ini tepat diatas kode ]]></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); }

Atau sobat bisa kode yang satu lagi ,kodenya sebenernya sama tapi kadang gak berhasil pas diterapin ke blog .Aku mencoba kode diatas pada template blog ini tapi gak bisa,tapi pas di pakai template lain bisa.Terus saya memakai kode yang dibawah ini ;

.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
-webkit-transform: scale(1.5); }

- Untuk kode yang atas sobat bisa mengganti angka (1.3) dengan angka yang sobat inginkan untuk merubah ukuran besar gambar pada blog

- Untuk koda yang bawah ganti tulisan warna orange sesuai selera sobat,untuk ukuran (1.5) sudah besar            contohnya di blog ini memakai ukuran segitu gambarnya sudah kelihatan besar pas didekati pointer kursor.

Demikin share tutor singkat dari saya ,Semoga berhasil dan SALAM SUKSES SELALU.






share this article to: Facebook Twitter Google+ Linkedin Technorati Digg
Posted by Unknown, Published at 20:25 and have 32 comments

32 comments:

  1. heheh mantap ni,,
    tapi cocok dak kira2 ma template saya sobat :( ???

    ReplyDelete
  2. Makasih postingannya sangat mantap nih!

    ReplyDelete
    Replies
    1. makasih gan udah mau berkunjung ke blog saya ,salam kenal n SALAM BLOGGER

      Delete
  3. cocok gan di templatku yang pertama,,kunbal gan toko jerseyku www.indofahion-qw.blogspot.com siapa tahu agan berminat untuk memberli :-d

    ReplyDelete
  4. mkasih gan info nya...tlg liatin http.ARIMediAcom.blogspot.com, apa2 aja yg prl dibenahi.TQ

    ReplyDelete
  5. untuk menambahkan zoom yang cocok disemua templates bisamasuk sini, gan. → Disini

    ReplyDelete
  6. wow gooooooooood top makasih ya mas triknya. pokonya maknyus lah.

    ReplyDelete
  7. mantap tipsnya gan. salam sukses selalu.

    ReplyDelete
  8. mantap artikelnya ..
    trima kasih sudah berbagi..

    ReplyDelete
  9. thank you gan ente ngasih ana jalan keluar ane cari cari untung nya ketemu disini thank you

    ReplyDelete
  10. Dah jadi gan, makasih banyak nih blog ane tambah bagus lagi,
    coba deh gan cek disin http://infonetfocuses.blogspot.com/2014/12/syarat-sertifikasi-guru-2015-melalui-ppgj.html GImana?

    ReplyDelete
  11. Kenapa di blognya tidak terapkan gan.. agar lebih meyakinkan para pembaca..
    salam kenal.. ditunggu kunjungan baliknya..

    ReplyDelete
  12. Gagal Gan ga berhasil

    http://obatjellygamatgoldg.net/
    http://jellygamatgoldgpro.com/
    http://jellygamat-gold.net/

    ReplyDelete
  13. terima kasih gan artikelnya... mantap banget waktu dicoba...
    sukses selalu..
    ditunggu kunjungan baliknya....

    ReplyDelete
  14. terimakasih atas bantuannya gan. salam blogger

    ReplyDelete
  15. thanks for the article information is very useful for me

    ReplyDelete
  16. Thank you for the information of his article is very nice and I like to read this article I know a lot of things thanks ...

    ReplyDelete
  17. makasih share ilmunya gan

    ReplyDelete

Mohon Tinggalkan Jejak Sobat Disini

Related Posts Plugin for WordPress, Blogger...