• 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

  • 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...
  • Kisah Cinta Terlarang Om Dan Keponakan (Nyata)
    Kisah ini benar-benar dialami Oleh teman Madjongke.com sendiri. Sebut saja namanya Ida, Ida merupakan Wanita dari Kota A dan punya Paman (ad...
  • 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...
  • 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...
  • 5 Cara Menentukan Nominal Komisi Makelar Mobil, Jika Dia Tidak Menentukan Tarif Pasti
    Tarif suka rela karena makelar memiliki rasa sungkan atau sudah menganggap kita paham nominal yang akan diberikan. Namun kadang kita berpiki...
  • 5 Alasan Mobil Atau Motor Plat B Bekas Lebih Murah
    Sudah menjadi pemahaman orang daerah bahwa motor atau mobil plat B memiliki harga jual kembali yang lebih murah. Maka banyak sekali orang d...
  • 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...
  • Asal Usul Sejarah Panggilan Om dan Tante, Banyak Yang Salah Kaprah?
    Asal Usul Panggilan Om dan Tante? Lagi cari artikel yang membahas tentang itu yah? Pas banget nih! Artikel kali ini akan membahas secara khu...
  • Rental Mobil Kota Salatiga 087832288680 (Tidak Lepas Kunci/Plus Sopir)
    Rental Mobil Kota Salatiga Plus Sopir: Solusi Transportasi yang Nyaman dan Aman Apakah Anda sedang membutuhkan rental mobil di Kota Salatiga...
  • Batas Kemampuan Pria Dalam Mendiamkan Wanita
    Ketika pria sedang marah terhadap pasangannya, berbagai macam reaksi akan ditunjukkan sebagai bentuk mengekspresikan apa yang dirasakan. S...
Beranda | Tentang | Kontak | Privacy Policy | Syarat Dan Ketentuan | Sitemap
Copyright © 2012-2025 Madjongke - All Rights Reserved
Powered by Blogger