Info

SELAMAT DATANG

Selamat datang di mnc-mirror.blogspot.com .. silahkan untuk melihat-lihat.. eitss tapi jangan lupa untuk follow dan kunjungi balik yah :D hehee

Sekilas Tentang Saya

Nama saya Halim Swito Pakpahan,
saya selalu ingin tahu sesuatu yang baru karena saya sangat tertarik dengan sesuatu yang baru

Senin, 30 Januari 2012

Cara Membuat Foto/gambar Efek Memutar-mutar Dan Membesar Saat Disorot Mouse

Bagaimana  Cara Membuat foto/gambar efek memutar-mutar dan membesar saat disorot mouse.

Jika Sobat Berkenan Untuk Memasangnya di blog sobat Silakan Ikuti Langkah-langkah berikut :

  1. Login Ke Akun Blog sobat
  2. Pilih Rancangan/design Lalu Pilih EDIT HTML (dan jangan lupa untuk mencentang kolom expand template widget )
  3.  Copas/Letakan kode berikut tepat diatas kode </head>
"INGAT NAMA HALIM GANTENG JANGAN DIUBAH karena kata tersebut akan berfungsi sebagai pemanggil style tersebut .."

<style>#halimganteng{ -o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-webkit-transition: all 0.8s ease;}#halimganteng:hover{ -o-transform: scale(1.5) rotate(720deg) translate(0px);
-moz-transform: scale(1.5) rotate(720deg) translate(0px);
-webkit-transform: scale(1.5) rotate(720deg) translate(0px);}#ganteng a:hover{transition: all 0.5s;-moz-transition: all 0.5s;}</style>

Atau Kalo Sobat Tidak Mau Pusing !!! kode/css diatas bisa dimasukan dalam gadget HTML

   4 . SimpanTemplatenya


CARA PEMAKAIANNYA

tambahkan <div id='halimganteng'> sebelum kode/ script dari Gambar sobat dan penutu </div> diakhir script gambar
Contoh
<div id="halimganteng">
<a href="http://id-id.facebook.com/halimpakpahan" target="_blank" title="Cara Membuat foto/gambar efek memutar-mutar dan membesar saat disorot mouse"><img height="203" src="http://i1080.photobucket.com/albums/j337/Halim_Dimitri/book-clip-art.jpg" style="border: 0px;" width="325" /></a></div>

hehehe Begitulah Cara Pemakaiannya

CATATAN : Sobat Semua Bisa mengubah efek membesarnya dengan cara Mengubah Ukuran Yg Saya sudah Tandai dEngan Warna Hijau Tua(1.5)

Contoh : 0.9   1.0  atau membesarkannya lagi 2.0 2.5 DST


Selamat Mencoba Dan Semoga Berhasil
Comments
0 Comments

0 komentar:

Posting Komentar