Cara Membuat foto/gambar efek memutar-mutar dan membesar saat disorot mouse Di Blog , Cara Membuat foto/gambar efek berputar dan membesar saat disorot mouse Di Blog,cara membuat foto dengan efek berputar saat disorot mouse di blog. Or key lainnya.. Tutorial Blog Kali Ini Blog Sharing Ilmu Pengetahuan akan menjelaskan pada sobat semua tentang Bagaimana Cara Membuat foto/gambar efek memutar-mutar dan membesar saat disorot mouse.
Sbelum Saya Memulainya Saya Akan Memberikan Demonya Terlebih dahulu kepada Sobat semua
Jika Sobat Berkenan Untuk Memasangnya di blog sobat Silakan Ikuti Langkah-langkah berikut :
- Login Ke Akun Blog sobat
- Pilih Rancangan/design Lalu Pilih EDIT HTML (dan jangan lupa untuk mencentang kolom expand template widget )
- Copas/Letakan kode berikut tepat diatas kode </head>
<style>#sukarianta{ -o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-webkit-transition: all 0.8s ease;}#sukarianta:hover{ -o-transform: scale(1.5) rotate(720deg) translate(0px);
-moz-transform: scale(1.5) rotate(720deg) translate(0px);
-webkit-transform: scale(1.5) rotate(720deg) translate(0px);}#ganteng a:hover{transition: all 0.5s;-moz-transition: all 0.5s;}</style>
-moz-transform: scale(1.5) rotate(720deg) translate(0px);
-webkit-transform: scale(1.5) rotate(720deg) translate(0px);}#ganteng a:hover{transition: all 0.5s;-moz-transition: all 0.5s;}</style>
Atau Kalo Sobat Tidak Mau Pusing !!! kode/css diatas bisa dimasukan dalam gadget HTML
4 . SimpanTemplatenya
CARA PEMAKAIANNYA
tambahkan <div id='sukarianta'> sebelum kode/ script dari Gambar sobat dan penutu </div> diakhir script gambar
Contoh
<div id="sukarianta">
<a href="http://sukarianta.blogspot.com"><img src="http://h1.ripway.com/sukariyanta/nweee.jpg" alt="Let's Go"/></a><br />
</div>hehehe Begitulah Cara Pemakaiannya
CATATAN : Sobat Semua Bisa mengubah efek membesarnya dengan cara Mengubah Ukuran Yg Saya sudah Tandai dEngan Warna Hijau Tua(1.5)
Contoh : 0.9 1.0 atau membesarkannya lagi 2.0 2.5 DST
Tips tricks yang populer lainnya:
Triks Blog
- cara memasang jam dan kalender di blog
- Cara Memasang Nomor Urut Pada Kotak Komentar Blog
- Cara Membuat Kotak Area Dengan Efek Membesar Saat Disorot Mouse
- Kostumisasi Avatar Komentar
- Cara Membuat Artikel Terkait Di Bawah Postingan
- How To Enrol Into Blog Search Engine Google
- How to Guestbook Show Hide from above
- Buku Tamu Tersembunyi Versi 2 Di Blog
- Cara Sembunyikan Buku Tamu Facebook
- Menambahkan Scroll Pada Daftar Link (Blogroll)
- Cara Membuat Kotak Admin
- Free Backlink Qualified
- Blog Comment With Kaskus Emote Ver 2
- Cara Membuat Popular Post di Blog
- Delphi 7 error di windows 7
- Cara Memasang Adsense di Web/Blog
- Membuat Trigger jQwerty
- Award setetes embun
- Cara Pasang Back to top di Blog
- Cara Mudah Membuat Desain Header Blog
- Membuat Emotion Pada Komentar Blog
- Membuat Buku Tamu Tersembunyi
- Cara Membuat Tulisan Posting Baru, Posting Lama dan Home Dengan Icon
- Membuat Tanda Tangan Online di mylivesignature
1 comments:
i like it..tutorialnya bagussss sekali..
mksh sob .. :)
by Pakto
by misterdarvus
Post a Comment