• Madjongke.com
  • Kontak
  • Facebook

Madjongke

Bacaan Santai Kehidupan Sehari-hari

  • Beranda
  • Cinta
  • Kehidupan
  • Kesetiaan
  • Wanita/Cewek
  • Cowok/Pria
  • Kendaraan
  • Lainnya
    • Kata-kata
    • Travel
    • Berita
    • Komik
    • Suami
    • Mertua
    • Resep Masakan
    • Anak
    • Kisah nyata
    • Mantan
    • Lain-lain
Beranda » blog » cara » Cara Membuat Gambar Membesar Saat Disorot Pointer Mouse

Cara Membuat Gambar Membesar Saat Disorot Pointer Mouse

Cara Membuat gambar pada bagian posting membesar ketika gambar tersebut disorot pointer mouse sangat mudah karena kita khususnya para blogger cukup memasang kode di bawah ini bersama kode css yang lain. Sebelum itu, sebagai contoh saja silahkan coba dulu sorot gambar di bawah ini dan itulah yang akan terjadi atau itulah yang madjongke maksud pada artikel ini.

Cara Membuat Gambar Membesar Saat Disorot Pointer Mouse
Madjongke lanjutkan kembali, untuk membuat gambar membesar ketika disorot pointer mouse adalah meletakan kode dibawah ini bersama kode css lain.

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

Khusus untuk teman-teman yang tidak mengerti dengan penjelasan diatas, ada langkah mudah yaitu memasang kode dibawah ini di atas kode </head> . Lebih jelasnya masuk ke blogger kemudian pilih template edit html lalu letakan kode di bawah ini di atas kode </head>

<style type='text/css'>
.post .post-body img:hover{-o-transition:all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2);}
</style>


Jika sudah simpan dan lihat hasilnya. Satu hal lagi kalau teman-teman ingin membuat efek seperti ini hanya ada pada halaman posting, silahkan ganti kode diatas dengan kode di bawah ini.

<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
.post .post-body img:hover{-o-transition:all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2);}
</style>
</b:if>


Selamat mencoba dan semoga bermanfaat.
Rohmad Nur Hidayat, Rabu, 10 Oktober 2012

Bagikan

#blog #cara #Terbaru
Artikel Terkait
Lebih baru
Lebih lama
Beranda

10 Terpopuler

  • 10 Arti Kata Hmm Dari Wanita Saat Chat, Kamu Yang Mana?
    Penggunaan kata hmm sebenarnya digunakan untuk menunjukkan kondisi sedang berpikir. Seharusnya setelah menggunakan kata itu ada kalimat teru...
  • 12 Kalimat Pengganti Untuk Tanya 'Sudah Punya Pacar Belum?'
    Dengan teman satu aktivitas saja kadang kamu tidak bisa mengetahui secara pasti dia punya pacar atau tidak, apalagi dengan orang yang belum...
  • 5 Alasan Bank Menanyakan Nama Gadis Ibu Kandung, Bukan Ayah
    Menggunakan nama Ibu kandung sebagai sandi pertanyaan keamanan perbankan sudah dilakukan sejak tahun 1882. Diadopsi dari luar negeri, Indone...
  • Cerita Cinta Terlarang Dengan Istri Orang (Nyata)
    ....Suaminya merantau untuk bekerja sehingga kami dengan leluasa menjalin hubungan. Dia begitu baik dan sangat dewasa hingga membuat aku ben...
  • Wajib Tahu, 7 Macam Sistem Dan Jumlah Komisi Makelar Mobil
    Berapa komisi makelar mobil?, sehingga tampaknya mereka sangat antusias menekuni profesi semacam itu. Hingga rela menghabiskan banyak waktu ...
  • Kata-kata Untuk Yang Sering Jadi Bahan Omongan Orang
    Karena diawali oleh dugaan yang belum tentu benar, kadang banyak pihak yang meyakini bahwa hal itu benar. Kemudian menjadikan hal itu menjad...
  • 10 Kata-kata Halus Tapi Nyindir Orang Suka Nyinyir, Ghibah, Gosip
    Punya teman suka gosip, nyinyir, julid, dan sebagainya?. Atau bisa juga tetangga yang suka melakukan hal-hal tersebut dan sering bikin kupin...
  • 10 Tanda Cowok Cemburu Tapi Bukan Pacar
    Rasa cemburu itu bisa datang dari siapa saja, tidak harus selalu dari pacar atau pasangan. Bahkan sekedar pengagum pun bisa merasakan cembur...
  • 20 Kata-kata Sedih Anak Tiri Kurang Kasih Sayang
    Saat awal-awal menjadi anak tiri, oleh orang tua tiri masih terkesan disayangi, diperhatikan, dan seolah menjadi prioritas utama. Tapi seir...
  • 7 Larangan Cewek Buat Cowok Yang Membuatnya Merasa Terkekang
    Cewek dalam pacaran sebenarnya punya aturan meskipun tidak diungkapkan secara langsung. Biasanya larangan itu akan menjadi jelas, ketika sud...
Beranda | Tentang | Kontak | Privacy Policy | Syarat Dan Ketentuan | Sitemap
Copyright © 2012-2022 Madjongke - All Rights Reserved
Powered by Blogger