CARA MEMBUAT GAMBAR BERPUTAR DI POSTINGAN BLOG

CARA MEMBUAT GAMBAR BERPUTAR DI POSTINGAN BLOG


1. Seperti biasa sobat harus login dulu di akun blog sobat
2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan
3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan
4. Sobat cari kode </head>
5. Setelah ketemu sobat copy paste code di bawah ini tepat di atas kode </head>


<style>#wandy 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;}
#wandy img:hover{ -o-transform: scale(1.5) rotate(360deg); -moz-transform: scale(1.5) rotate(360deg); -webkit-transform: scale(1.5) rotate(360deg);}</style>

6.Klik simpan
7.kode paste  kode ini dipostingan sobat da lihat hasilnya

<div id="wandy">
<a href="http://http://wandykambuno4.blogspot/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyYk4Nr58lnioelPzO7chF86MJJsIi8MXcMF9pSyYeFgpwnVsbM3NoVwiBoag0RHySZyziYMBAfdA8j1Vk-gdZimjagZGfUMyHOchpw4-4XyqRBjPOxUDSiRMWvOoxWbBDxGhtKY0HR_4s/s1600/FIL64-300x200.jpg" /></a></div>

keterangan:

  1. kode berwarna merah adalahkode pembuka dan penutup
  2. kode berwarna hijau silakan sobat ganti dengan URL blog Sobat dan URL gambar yang ingin Sobat pasang di dalam postingan.
  3. Setelah semuanya selesai klik publikasikan.





Tidak ada komentar:

Posting Komentar

Terima kasih telah berkunjung ke blog ini,silahkan berkomentar dengan sopan.