Pada kesempatan kali ini, serhamo-Technology akan membagikan sebuah tutorial ringan perihal blog, adalah bagaimana Tutorial membuat dampak zoom berputar pada gambar di blog dengan simpel. memberikan pengaruh zoom berputar pada gambar di blog ini akan menciptakan tampilan blog sobat semakin menarik dan tentunya membuat pengunjung blog betah berlama-lama pada blog sobat.
Untuk menerapkan gambar berputar pada postingan, teman masukkan arahan di bawah ini dikala membuat artikel pada HTML ( bukan Compose ).
Catatan!
Pada kepingan aba-aba yang saya beri warna merah, dengan url gambar yang ingin sahabat tampilkan. dan pada Height dan Width bisa sahabat sesuaikan tinggi dan lebar foto yang ingin teman pasang.
Itu tadi artikel bagaimana Cara menciptakan imbas zoom berputar pada gambar di blog dengan simpel, kalau ada pertanyaan tentang artikel ini, mampu sobat tuliskan pada kolom komentar di bawah artikel. Terimakaih telah berkunjung.
Untuk sahabat blogger yang tertarik untuk menciptakan gambar pada blognya memiliki imbas zoom berputar, berikut tutorialnya:
1. sobat login terlebih dahulu pada blog yang sahabat kelola
2. sesudah itu pada dasbor blogger, klik sajian Template (lihat gambar)
3. Di dalam hidangan Template, sobat klik saja Edit HTML
4. Carilah kode ]]></b:skin> Untuk mempermudah, sahabat bisa menekan tombol CTRL + F.
5. lalu setelah arahan ]]></b:skin> ditemukan, pastekan arahan dibawah ini sempurna di atas kode ]]></b:skin>.
#serhamo 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;#serhamo img:hover -o-transform: scale(1.5) rotate(360deg); -moz-transform: scale(1.5) rotate(360deg); -webkit-transform: scale(1.5) rotate(360deg);6. sehabis itu, klik Simpan Template.
Untuk menerapkan gambar berputar pada postingan, teman masukkan arahan di bawah ini dikala membuat artikel pada HTML ( bukan Compose ).
<div id="serhamo"><div style="text-align: center;"><a href="https://www.serhamo.net"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBl2M5SoMP_9X9EuS45BItQqD3XsL8Ds2t3Qu2E3w-JwgUuli2mI9i_08xLDYQRst5Y1cx_KXZlg971pfIaFGAEXmuO8fQlgBa5dmHiWYz9AEWDvhV4ZP6j0Ee1AwNHVzsc2yp9a3PwwqA/s1600/Fatin.jpg" height="332" width="300" /></a></div>
Catatan!
Pada kepingan aba-aba yang saya beri warna merah, dengan url gambar yang ingin sahabat tampilkan. dan pada Height dan Width bisa sahabat sesuaikan tinggi dan lebar foto yang ingin teman pasang.
Tampilan Gambar Yang Sudah Di Beri efek Zoom Berputar
 |
| Fatin Shidqia Lubis |
Itu tadi artikel bagaimana Cara menciptakan imbas zoom berputar pada gambar di blog dengan simpel, kalau ada pertanyaan tentang artikel ini, mampu sobat tuliskan pada kolom komentar di bawah artikel. Terimakaih telah berkunjung.
Post a Comment