Cara Membuat Kotak Area Dengan Efek Membesar Saat Disorot Mouse

Kamis, 29 Desember 2011

Cara Membuat Kotak Area Dengan Efek Membesar Saat Disorot Mouse

Assalamualaikum Wr Wb. Pada Tutorial Blog Kali Ini Blog Gerpindom Akan Menjelaskan Pada Sobat Semua Tentang Bagaimana Cara Membuat Kotak Area Dengan Efek Membesar Saat Disorot Mouse. Maksud Kotak Area Dengan Efek Membesar Saat Disorot Mouse Ialah Kotak Yg Apabila Disorot Mouse Akan Membesar ..hehehe.. Begitulah Definisinya. KLo Sobat blm Mengerti juga ok Akan Saya Perlihatkan DEMONYA

Berikut DEMONYA

Nah ini dia kotaknya.. hehehhee.. Lumayanlah daripada lumanyun.. hahahaha

dikotak ini sobat bisa menaruhkan apa saja termasuk gambar,kode-kode,kata-kata atau apapun Asalkan Jangan Diletakan Duit dialam kotak ini, Pasti akan Hilang.. wkwkwkkwkw

hehehehe Jika Sobat Menginginkan KOtak KOde Sperti ini Marilah Ikuti Langkah-langkah Berikut :

Login Ke Akun Blogger Sobat

Pada Dasbor Klik Rancangan/Design Kemudian Klik EDIT HTML Dan jangan Lupa Untuk Mencentang Kolom Expand Template Widget

Letakan CSS Berikut Tepat Diatas kode ]]></b:skin>

#gerpindom {-o-transition:1.2s ease-out; -moz-transition:1.2s ease-out; -webkit-transition:1.2s ease-out;padding:0.75em;width:80%;color: #FFFFFF;border:1px solid #C0C0C0;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius:5px;background: #000;}#gerpindom:hover {color: #000;-o-transform:scale(1.2) translate(40px,40px) rotate(0deg);-moz-transform:scale(1.2) translate(40px,40px) rotate(0deg);-webkit-transform:scale(1.2) translate(40px,40px) rotate(0deg); background:#555;-o-transition: all 1.2s ease-in;-moz-transition: all 1.2s ease-out;-webkit-transition: all 1.2s ease-in;}

4 . Simpan Templatenya

Lalau Bagaimanakah Cara Pemakaiannya ?

hehehe
Cara Meletakannya Didalam Postingan

Pada Tab HTML ( ingan Tab HTML )

Masukan KOde Pemanggil <div id="gerpindom"> dan disini letak apapun itu terserah sobat</div>

Cara Meletakannya Di Gadget

hehehe Sama Langkahnya Pada Tahap 2 yaitu

Masukan KOde Pemanggil <div id="gerpindom"> dan disini letak apapun itu terserah sobat</div>

hhehehehehe Begitulah Penjelasan Singkatnya Daripada Panjang-panjang Bikin Sobat Semua Pusing.. hahaha

Semoga Posting ini Bermanfaat bagi sobat Semua .. hehehehe

SELAMAT MENCOBA DAN SEMOGA BERHASIL !!!