Cara Membuat Tampilan Gambar Berputar Di Blog

 Sony Foto

Cara Membuat Tampilan Gambar Berputar Di Blog- (Contoh Sobat bisa lihat di Sony Foto).
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

.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 -

1. Login ke BLOG
2. Pada opsi Dasbor, cari Template >> Edit HTML.
3. Cari kode ]]></b:skin> (Tekan Tombol CTRL + F untuk Mempermudah pencarian)
4. Kemudian Copy dan Paste Kodenya sebelum atau di Atas Code ]]></b:skin>
5. Klik PRATINJAU untuk melihat hasil sementara, Jika sudah OK
6. Terakhir tinggal SIMPAN TEMPLATE dan lihat hasilnya.

Jika Cara Membuat Tampilan Gambar Berputar Di Blog berikut dapat bermanfaat, silahkan bagikan ulang artikel ini dengan meilih opsi tombol SHARE dibawah

Terima Kasih...!!! salam persahabatan dari ku SAHABAT BLOGGER 77. Sampai ketemu lagi dengan saya di Artikel selanjutnya tentang Cara Membuat Efek Gambar Bergeser Dan Membesar Pada Blog

TERIMA KASIH ATAS KUNJUNGAN SAUDARA

Judul= Cara Membuat Tampilan Gambar Berputar Di Blog
Ditulis oleh=A. TtphS
Rating Blog .....
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip (meng-Copy), baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke >>

http://scientificknowledgeblog.blogspot.com/2014/03/cara-membuat-tampilan-gambar-berputar.html

= TERIMA KASIH =

Sumber:
Dapat dilihat disini