Membuat Tampilan Gambar Berputar Di Blog

created by Adhe N.tawakkal

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

(Tekan Tombol CTRL + F untuk Mempermudah pencarian)

Kemudian Copy dan Paste Kodenya sebelum atau di Atas Code ]]>

Klik PRATINJAU untuk melihat hasil sementara, Jika sudah OK

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 

Artikel Terkait :