Cara Membuat Gambar Postingan Berputar-Putar Di Blog
Oke saya rasa tidak perlu panjang lebar, ayo di mulai...
Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.
Ikutilah langkah-langkah di bawah ini :
Ingat : Sebelum kamu mengedit HTML, sebaiknya BACKUP dulu template blog kamu.
1. Klik Template.
2. Klik Edit HTML.
3. Pilih Format Template.
4. Cari Kode (agar lebih mudah mencari kode di kotak template kamu, gunakan tombol ctrl+f » tunggu sebentar » jika berhasil maka akan terlihat Di Dalam Kotak Template Kamu).
» Cari kode : ]]></b:skin>
» Setelah kode tersebut sudah ditemukan, silahkan pasang kode di bawah ini tepat di atasnya.
.post img{-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-o-transition: all .4s ease-out;}
.post img:hover {-o-transform: scale(1.2) rotate(360deg) translate(0px);
-moz-transform: scale(1.2) rotate(360deg) translate(0px);
-webkit-transform: scale(1.2) rotate(360deg) translate(0px);
-o-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-webkit-transition: all 1.5s ease;}
<small><a href="http://enoparnoabiezz.blogspot.com/2013/06/cara-membuat-gambar-postingan-berputar.html" target="_blank">Cara Membuat Gambar Postingan Berputar-Putar Di Blog</a></small>
-moz-transition: all .4s ease-out;
-o-transition: all .4s ease-out;}
.post img:hover {-o-transform: scale(1.2) rotate(360deg) translate(0px);
-moz-transform: scale(1.2) rotate(360deg) translate(0px);
-webkit-transform: scale(1.2) rotate(360deg) translate(0px);
-o-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-webkit-transition: all 1.5s ease;}
<small><a href="http://enoparnoabiezz.blogspot.com/2013/06/cara-membuat-gambar-postingan-berputar.html" target="_blank">Cara Membuat Gambar Postingan Berputar-Putar Di Blog</a></small>
5. Sebelum Kamu Klik Simpan Template, sebaiknya kamu klik Pratinjau Template terlebih dahulu untuk memeriksanya.
6. Jika Sudah Oke » Klik Simpan Template.
Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat :)
No comments:
Post a Comment
TINGGALKAN PESAN DAN KESAN SETELAH BERKUNJUNG