Cara Gampang Menciptakan Efek Zoom Gambar Berputar

Membuat Efek Gambar Berputar - Pada postingan kali ini, admin litera akan menyuguhkan imbas anamasi untuk mempercantik blog sobat. Efek yang dapat menampilkan efek gambar zoom yang berputar dapat mempercantik tampilan gambar yang Sobat upload kedalam postingan blog. Berikut cara mudahnya:

• Login ke Blogger
• Masuk ke Dashboard Blogger yang akan diberi imbas ini kemudian klik Template
• Cari tag epilog ]]></b:skin> atau </style> (kalau tidak ada kode </style> lebih dari satu silahkan dicari mana yang sesuai; Biasanya diatas kode ]]></b:skin>).
• Pastekan CSS kode dibawah sempurna diatas tag penutup ]]></b:skin> atau </style>

#seocips img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;}#seocips img:hover{ -o-transform: scale(1.5) rotate(360deg); -moz-transform: scale(1.5) rotate(360deg); -webkit-transform: scale(1.5) rotate(360deg);}

• Untuk menerapkannya pada postingan blog, Sobat dapat dengan meletakkan instruksi dibawah ini kedalam mode HTML postingan.

<div id="seocips">
<div style="text-align: center;">
<a href="http://www.seocips.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih-IcLLSIkzwziRVZHhs3UeT007kFknnf-y6dtl0XXkGxdbCTMS_sj3J-FpvP5WlRvSSviHAjJqWxKfmQ0VWHAyIkle-P-35PQ6dh8mVrqqvv0N3BQZpq4EtrWxysldks-XXA3aWBGvbQ/s1600/blablabla.jpg" height="200" width="200" /></a></div>

Kode berwarna pink diatas yakni URL gambar. URL itu dapat diganti dengan gambar yang Sobat inginkan. Semoga bermanfaat...

Sumber https://litera2succes.blogspot.com/

Tweet

Subscribe to receive free email updates: