Cara Membuat Gambar Header Efek Putar

Bagamana kabar sobat blogger yang tercinta Happy New Year ya semoga ditahun 2014 nanti perjalanan kita akan semakin mudah dan terntu lebih baik daripada tahun 2013 ini. diakhir penghujung tahun 2013 ini aku ingin melepas satu tutorial yang mungkin bisa dikatakan membuat penasaran oleh sobat blogger yaitu bagaimana Cara Membuat Gambar Header Efek Putar seperti gambar header diblog ini.
Cara Membuat Gambar Header Efek Putar
ini suatau permintaan dari sobat saya sendiri yang inbok di facebook bagaiaman membuat gambat bisa berputar di blog saya www.gemasantri.com. dan alhamdulillah pada kesempatan kali ini aku bisa membagikan buat sobat blogger. langsung saja kita mulai tutorialnya dibawah ini.
1. silahkan login ke blogger
2. langsung menuju edit template blogspot, jangan lupa di edit HTML ...
3. silahkan cari kode
#header img{margin-startside:auto;margin-endside:auto}
 intinya silahkan cari kode #header img.
4. kalau sudah ertemu dengan kode diatas sekarang silahkan tarus kode dibawah ini tepat dibawahnya.
#header a img:hover {-moz-transform: scale(1) rotate(1080deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);-webkit-transform: scale(1) rotate(1080deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);-o-transform: scale(1) rotate(1080deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);-ms-transform: scale(1) rotate(1080deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);transform: scale(1) rotate(1080deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);-webkit-transition: all 600ms ease-in-out;-moz-transition: all 600ms ease-in-out;-ms-transition: all 600ms ease-in-out;-o-transition: all 600ms ease-in-out;transition: all 600ms ease-in-out;}
5. silahkan kalian simpan dan lihat hasilnya. kalau tak bisa bekerja dengan baik silahkan hapus huruf (a) yang sudah aku tandai dengan warna merah diatas.

mudah bukan tutorialnya. nah kalau gitu tugas saya sudah selesai cara membuat gambar header berputar. untuk membuat efek zoom pada gambar postingan silahkan sobat kunjungi halaman Cara Membuat Efek Zoom Pada Gambar Postingan. semoga sajian saya diakhir tahun 2013 ini bermanfaat bagi sobat blogger. sampai ketemu ditutorial saya di tahun 2014. semoga dapat ilmu yang lebih baik lagi untuk semakin mencinta tentang dunia blogger.

0 komentar:

Posting Komentar