Pages

Friday, August 3, 2012

Membuat Efek Foto Membesar Bila Tersentuh Mouse

  Tampilan Efek Besar Pada Gambar Saat Terkena Mouse



   Trisatya Blog.Sebelumnya saya harus menjelaskan Maksud dari "Membuat Efek Membesar Pada Gambar/Image"penjelasaannya sebagai berikut :     *Gambar Akan membesar Apabila tersentuh oleh kursur/Mouse
    *Gambar Akan merotasi dengan sendirinya Apabila tersentuh oleh kursur/Mouse
Kalau memang belum jelas silakan sentuh gambar d bawah ini dengan mouse/kursor sobat.


Nah sekarang ke bagian tutorialnya langsung ke TKP :

1. Masuk ke akun blogger.com

2. Dashboard silahkan anda Pilih Rancangan
3.Pilih Edit HTML
4.Kalau sudah centang dulu "
Expant Template Widget"/atau backup Dulu template sobat sebelum ada apa2
5.Cari deh Kode ]]></b:skin>
  (Ctrl+F)
   
    Letakkan kode berikut ini tepat
di atas]]></b:skin>
.memput:hover{
-moz-transform:rotate(22.5deg) scale(1.10);
-webkit-transform:rotate(22.5deg) scale(1.10);
}

Langkah terakhir adalah menyimpan template dengan klik aja "save" sob...!!

Namun perjuang sobat belum selesai sampai disini sekarang kita langsnug ke Tahap kedua untuk mamanggil kode tersebut.

Ini Dia Kode tata cara meletakkan kode untuk memanggil kode tersebut dan memberikan efek pada gambar:
   <img class="memput" src="http://1.bp.blogspot.com/-kC5t2HlMp9g/T-mpmzbadTI/AAAAAAAAAaU/ZCpEOel4tgU/s1600/sip+copy.jpg" />

Sisipkan kode "
memput" untuk memberikan efek pada Image/Icon yang ada sedangkan tulisan tebal adalah alama URL gambar Sobat.

Untuk Membuatnya Menjadi Link Kodenya seperti di Bawah :

    <a href="Link Anda Di Sini"><img class="memput" src="http://i783.photobucket.com/albums/yy114/rrezkijitawwa/bannerrrrrrr.png" /><a/>

Begitulah warna hijau dapat sobat ganti dengan link yang sobat bisa tuju.



Berpenghasilan Dari Sekedar Ngeblog




DESIGN========================================











































SECURITY=========================================


























TRIK WINDOWS====================================




  



































INTERNET==========================================



  











3 comments:

  1. saya coba langsung triknya and berhasil .thanks

    ReplyDelete
  2. @walfchild
    ok thanks for comment and visiting my site

    ReplyDelete
  3. susah, punya q belum jalan2 juga..padahal sama denan tutorial diatas caranyag

    ReplyDelete