Cara Membuat Gambar Berputar Dan Membesar Di Blog

Cara Membuat Gambar Berputar Dan Membesar Di Blog | Kali ini masih seputar tips blogger salah satu cara memodifikasi blog tampilan agar terlihat lebih menarik,sebelumnya baca cara membuat author rich snippet google plus bagi yang belum membaca.Gambar bisa berputar dan membersar saat disorot/disentuh selain memper indah tampilan gambar blog juga untuk memudahkan pengunjung melihat gambar tanpa mengklik untuk memperbesar,Ya Walaupun gambarnya tidak terlalu besar saat disorot dan pastinya tips ini otomatis di setiap postingan tanpa perlu mengotak-atik kode html gambar terlebih dahulu.

Langkah pertama silahkan login ke blogger klik Template > Edit HTML > lanjutkan > Centang Expand Template Widget > Cari kode ]]></b:skin> untuk mempercepat pencarian tekan CTRL+F,setelah menemukan kode di atas pastekan kode di bawah di atasnya :

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

Langkah terakhir klik simpan template dan lihat hasilnya,Untuk demo atau contohnya silahkan sorot/sentuh salah satu gambar di pustingan Apps Freeware ini,Mungkin cukup ini yang bisa saya share Cara Membuat Gambar Berputar Dan Membesar Di Blog dan ini tips di atas terbukti berhasil di beberapa template yang saya coba semoga juga berhasil di template anda.