Cara Membuat Efek Gambar Berputar dan Membesar Di Blog
Posted by rike
on
0
Tutorial Blog Master Chef kali ini masih berhubungan dengan Tutorial Blogspot sebelumnya tetang Cara Memasang Efek Zoom Pada Image Saat Diarahkan Kursor Mouse, Namun Bahasan kali ini berbeda karena kita akan membuat gambar di blog tidak hanya memiliki efek zoom tetapi kita akan membuat gambar tersebut berputar ketika kursor mouse diatas gambar tersebut.
Caranya sangat mudah sobat Blogger Dapur Tutorial Blogspot dan Seo bisa menggunakan cara yang digunakan pada postingan Memasang Efek Zoom Pada Image atau dapat menggunakan cara yang akan Master Chef sampaikan kali ini. dari pada bingung langsung saja kita bahas resep Tutorial Blog soal tetang Cara Membuat Efek Gambar Berputar dan Ngezoom Di Blog.
- Seperti pada umumnya langkah pertama yang harus dilakukan adalah login ke akun blogger masing-masing
- Jika sudah login, Silahkan masuk kehalaman Edit HTML (Baca : Cara Mengakses Halaman Edit HTML Blogspot)
- Jangan Lupa Untuk Backup Template Lengkap terlebih dahulu untuk mengantisifasi kesalahan saat edit HTML ( Baca : Cara Back-Up dan Upload Template Blogger)
- Jika sudah berada pada halaman Edit HTML, Silahkan Temukan Kode ]]></b:skin> (Gunkan Tombol CTRL + F dan F3 untuk mempermudah pencarian kode)
- Setelah kode Ditemukan Copy kode berikut ini :
- .Jangan Lupa Untuk Mengklik Save Template atau Simpan Template
- Selesai dan Lihat Hasilnya.
.post .post-body img{margin:5px; padding:5px; border:1px solid #e0e0e0; -o-transition: all 0.5s; -moz-transition:all 0.5s; -webkit-transition: all 0.5s;} .post .post-body img:hover{-moz-transform: scale(1.3) rotate(-360deg) ;-webkit-transform: scale(1.3) rotate(-360deg) ;-o-transform: scale(1.3) rotate(-360deg) ;-ms-transform: scale(1.2) rotate(-360deg) ;transform: scale(1.3) rotate(-360deg);}
Tagged as: Blog Hack, Tutorial Blogspot

Write admin description here..
Get Updates
Subscribe to our e-mail newsletter to receive updates.
Share This Post
Related posts
- Cara Membuat Widget Populer Post Warna-Warni (Rainbow)
- Cara Membuat Scroll Pada Widget Label (Cara 1)
- Cara Membuat Efek Gambar Berputar Pada Widget Populer Post Blog
- Cara Membuat Efek Gambar Berputar dan Membesar Di Blog
- Apa Itu Google Kepengarangan Dan Manfaatnya
- Cara Memasang Foto,Logo atau Gambar Animasi Di Blog
- Cara Membuat Blog Terbaru 2013
- How To Create a Blog With Blogger
- Cara Modifikasi Widget Followers Blog
0 comments:
Post a Comment