• Madjongke.com
  • Tentang
  • Sitemap
  • Kembali Ke Atas
  • rohmadjongke@gmail.com

Madjongke

Tips cinta, Kecantikan, Wanita, Dll

  • Madjongke.com
  • Cinta
    • Mantan
    • Kesetiaan
    • Kata-kata
  • Kecantikan
    • Tubuh
    • Wajah
    • Kulit
    • Rambut
  • Kisah Nyata
  • Kehidupan
  • Wanita
    • Suami
    • Mertua
  • Cowok
  • Komik
madjongke Tips
7 Cara Meninggikan Badan Meski Melebihi Batas Usia
madjongke Cowok
Selain Wajah Cantik, Cowok Suka Cewek Dengan 6 Tipe Wajah Ini
madjongke Chat
Sering Chatting Sama Pacar, Pasti Alami 15 Hal Ini
madjongke Zodiak
12 Ramalan Zodiak Terlengkap (Watak, Asmara, Masa Depan, Dll)
  • Privacy Policy
  • Syarat Dan Ketentuan
  • Rss Feed
  • Kirim Artikel
  • Tips Blog
  • Anak
  • Resep Masakan
  • Lain-lain
Madjongke.com » blog » cara » Cara Membuat Gambar Membesar Saat Disorot Pointer Mouse

Cara Membuat Gambar Membesar Saat Disorot Pointer Mouse

Loading...
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.


Bagikan ke

Facebook Twitter
Dipublikasikan oleh Rohmad Nur Hidayat, Rabu, 10 Oktober 2012
Loading...

Artikel Terkait: blog, cara


Terbaru

6 komentar untuk "Cara Membuat Gambar Membesar Saat Disorot Pointer Mouse"

  1. Unknown10 Oktober 2012 03.59

    posting yang sangat bagus, dan bermanfaat sekali.
    thx

    BalasHapus
    Balasan
    1. Rohmad Nur Hidayat11 Oktober 2012 00.36

      Sama-sama

      Hapus
      Balasan
        Balas
    2. Balas
  2. Unknown11 Oktober 2012 16.52

    Coba dulu ahh..semoga cocok sama templat gue sob !! Thankqiu

    BalasHapus
    Balasan
    1. Rohmad Nur Hidayat12 Oktober 2012 00.30

      Silahkan

      Hapus
      Balasan
        Balas
    2. Balas
  3. Faldart22 Oktober 2012 20.53

    Artike yg menarik...

    BalasHapus
    Balasan
      Balas
  4. aa3 Maret 2015 22.09

    thank om copas yaa.. salam dari newbie www.noteblogeko.blogspot.com

    BalasHapus
    Balasan
      Balas
Tambahkan komentar
Muat yang lain...

Posting Lebih Baru
Posting Lama
Beranda
Langganan: Posting Komentar (Atom)

Kisah Nyata

  • Aku hanya tamu untuk anakku
  • Sahabat memaksaku untuk memiliki istrinya
  • Karena ktp aku terpenjara oleh suami orang
  • Pengakuan Wanita Korban Poligami
  • Izinkan aku menikahi janda
  • Terjebak Cinta Dengan Pria Beristri
  • Lihat Lainnya

Populer

  • 20 Kata-kata Motivasi Sedih Cinta Tak Direstui Orang Tua
    Sudah sama-sama sayang dan ada keinginan kuat untuk melanjutkan hubungan menuju pernikahan, sayangnya orang tua atau pihak keluarga tidak ...
  • 20 Kata Sindiran Untuk Pelakor Paling Menusuk
    Banyak perasaan negatif yang tercipta ketika suami direbut oleh wanita lain. Kalaupun suami merupakan sosok yang sangat payah, minimal ada...
  • 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 kup...
  • 10 Kata Sindiran Untuk Orang Yang Suka Mencampuri Kehidupan Orang Lain
    Dalam kehidupan sehari-hari, kita sering dihadapkan dengan orang usil yang suka mencampuri urusan orang lain. Sepertinya ingin membantu, t...
  • 10 Kata-kata Untuk Yang Sering Dihina/Diremehkan Karena Kekurangan
    Semua orang pasti punya kekurangan dan kelebihan masing-masing, termasuk kamu sendiri. Tapi tidak jarang kekurangan kamu sering dijadikan ba...
  • 20 Cara Supaya Tidak Terlalu Mencintai Seseorang
    Sesuatu yang berlebihan memang tidak baik, termasuk dalam mencintai seseorang sebaiknya dalam kadar yang biasanya saja. Sebab ketika kita ...
  • 10 Kata-kata Sindiran Karena Pacar Malu Mengakui Kita
    Kita memang butuh kata kata sindiran karena dengan bertanya pasti Pacar punya alasan lain untuk dijadikan alibi. Padahal hubungan yang dij...
  • 20 Kata Sindiran Suami Yang Mendua/Berpaling Setelah Sukses
    Pria setelah sukses memang cenderung tergoda untuk selingkuh, mendua, bahkan berpaling dari istrinya sendiri. Maka tidak heran ketika dulu...
  • Suami Hobi Karaoke, 4 Gambaran Yang Dilakukan Di Tempat Karaoke
    Ternyata banyak istri yang mengira kalau karaoke di luar cuma sekedar menyalurkan hobi menyanyi saja. Sehingga banyak para istri yang meng...
  • 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 te...

Pemberitahuan Email

Pemberitahuan Artikel Terbaru

Copyright © 2012-2018 Madjongke - All Rights Reserved
Powered by Blogger