Cara Membuat Kotak Area Dengan Efek Membesar Saat Disorot Mouse

Assalamualaikum Wr Wb. Pada Tutorial Blog Kali Ini Blog Tempat Berbagi Ilmu Untuk Sesama 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 ]]></b:skin>

#seputar-trick {-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;}#seputar-trick: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="seputar-trick"> dan disini letak apapun itu terserah sobat</div>

Cara Meletakannya Di Gadget :

hehehe Sama Langkahnya Pada Tahap 2 yaitu:

Masukan Kode Pemanggil <div id="seputar-trick"> 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 !!!

Cara Membuat Kotak Area Dengan Efek Membesar Saat Disorot Mouse 9out of 10 based on 10 ratings. 9 user reviews.