Membuat Kotak Area Dengan Efek Membesar

Assalamualaikum Wr Wb. 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 :

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 ]]>

#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



Lalau Bagaimanakah Cara Pemakaiannya  ? hehehe

Cara Meletakannya  Didalam Postingan
Pada Tab HTML ( ingan Tab HTML )
Masukan KOde Pemanggil
<div id="tejakode">
dan disini letak apapun itu terserah sobat</div>
Cara Meletakannya Di Gadget

hehehe Sama Langkahnya Pada Tahap 2 yaitu

Masukan KOde Pemanggil
<div id="tejakode">
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 !!!