Cara Membuat Kotak Area Dengan Efek Membesar Saat Disorot Mouse

Pada Tutorial Blog Sebelumnya Blog Sharing Ilmu Pengetahuan Sudah Posting Tentang Bagaimana Cara Membuat Widget Update Status twitter di blog dan Pada Tutorial Blog Kali Ini Blog Sharing Ilmu Pengetahuan 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 :

1. Login Ke Akun Blogger Sobat
2. Pada Dasbor Klik Rancangan/Design Kemudian Klik EDIT HTML Dan jangan Lupa Untuk Mencentang Kolom Expand Template Widget
3. Letakan CSS Berikut Tepat Diatas kode ]]>

#tejakode {-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;}#tejakode: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 Templatenta