Cara Membuat Tampilan Gambar Berputar Di Blog - Merupakan salah satu widget untuk Mempercantik/Memperindah tampilan blog, sehingga dapat memberikan kesan tersendiri untuk visitor blog. Jika sebelumnya kita telah membahas Cara Membuat Efek Remote Link Pada Gambar, Trik yang satu ini lebih mempesona jika kita suguhkan kepada pengunjung blog tercinta, Hehehe....
Membuat Tampilan Gambar Berputar Di Blog, maka secara otomatis semua gambar yang anda buat disetiap artikel blog akan berputar saat disentuh mouse dan gambar akan kembali ke bentuk semula jika mouse tidak menyentuhnya.
Tujuan Membuat Gambar Berputar Di Blog hanya untuk membuat tampilan blog lebih menarik, karena penampilan adalah hal yang utama untuk menarik visitor agar mau berlama-lama di blog kita, daripada menambahkan widget tertentu yang pastinya akan membuat loading blog jadi berat. Dengan Membuat Tampilan Gambar Berputar Di Blog, maka tampilan blog lebih menarik karena tidak akan mempengaruhi loading blog jadi berat.
Oke dech..!!!
Berikut Kode Cara Membuat Tampilan Gambar Efek Berputar Di Blog
Tutorial Cara Membuat Tampilan Gambar Efek Berputar Di Blog
Langkah-langkahnya sebagai berikut -
Terima Kasih...!!! Salam Persahabatan dari Ku SAHABAT BLOGGER.
Membuat Tampilan Gambar Berputar Di Blog, maka secara otomatis semua gambar yang anda buat disetiap artikel blog akan berputar saat disentuh mouse dan gambar akan kembali ke bentuk semula jika mouse tidak menyentuhnya.
Tujuan Membuat Gambar Berputar Di Blog hanya untuk membuat tampilan blog lebih menarik, karena penampilan adalah hal yang utama untuk menarik visitor agar mau berlama-lama di blog kita, daripada menambahkan widget tertentu yang pastinya akan membuat loading blog jadi berat. Dengan Membuat Tampilan Gambar Berputar Di Blog, maka tampilan blog lebih menarik karena tidak akan mempengaruhi loading blog jadi berat.
Oke dech..!!!
Berikut Kode Cara Membuat Tampilan Gambar Efek Berputar Di Blog
.post
img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s
ease;-webkit-transition:all 1.5s ease}.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}}
Tutorial Cara Membuat Tampilan Gambar Efek Berputar Di Blog
Langkah-langkahnya sebagai berikut -
- Login ke BLOG
- Pada opsi Dasbor, cari Template >> Edit HTML.
- Cari kode ]]></b:skin> (Tekan Tombol CTRL + F untuk Mempermudah pencarian)
- Kemudian Copy dan Paste Kodenya sebelum atau di Atas Code ]]></b:skin>
- Klik PRATINJAU untuk melihat hasil sementara, Jika sudah OK
- Terakhir tinggal SIMPAN TEMPLATE dan lihat hasilnya.
Terima Kasih...!!! Salam Persahabatan dari Ku SAHABAT BLOGGER.
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul= Cara Membuat Tampilan Gambar Berputar Di Blog
Ditulis oleh= A.T. (Ref: Devy Indriyani)
Ditulis oleh= A.T. (Ref: Devy Indriyani)
= TERIMA KASIH =
Sumber:
disini
Tidak ada komentar:
Posting Komentar
Saya Mengharapkan Saran & Kritik Yang Bersifat Konstruktif Untuk Perbaikan Blogger Abang & Ade.