Apabila sobat blogger sekalian berminat untuk mencoba silakan ikuti langkah-langkah berikut ini
- Seperti biasa sobat harus login dulu di akun blog sobat
- Pilih rancangan / desing dan klik edit HTML dan lanjutkan
- Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan
- Sobat cari kode </head>
- Setelah ketemu sobat copy paste code di bawah ini tepat di atas kode </head>
<style>#denzuaz 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;}
#denzuaz img:hover{ -o-transform: scale(1.5) rotate(360deg); -moz-transform: scale(1.5) rotate(360deg); -webkit-transform: scale(1.5) rotate(360deg);}</style>
- dan sobat klik save / simpan template.
Langkah selanjutnya untuk penenpatan gambar dalam postingan.
Sobat harus menambahkan kode <div id="denzuaz"> sebelum URL gambar dan jangan lupa di tutup dengan kode </div> contoh seperti di bawah ini:
<div id="denzuaz">
<a href="http://zuazz.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXjRfWpq792kh6lWVnKMol0mFkes_wM3XqjOnwNEhWnME0ZOLRr93nDxKF8qcXj5CieCZcwfxudOM50CYYipIh6ESpMTD-Bu56tp9WqQdF5gQ0Hjk0tr8jFuDiVRZjj3o7K-RjGKLwfCsm/s200/naruto+dont+copy.png" /></a></div>
<a href="http://zuazz.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXjRfWpq792kh6lWVnKMol0mFkes_wM3XqjOnwNEhWnME0ZOLRr93nDxKF8qcXj5CieCZcwfxudOM50CYYipIh6ESpMTD-Bu56tp9WqQdF5gQ0Hjk0tr8jFuDiVRZjj3o7K-RjGKLwfCsm/s200/naruto+dont+copy.png" /></a></div>
keterangan:
- kode berwarna merah adala kode pembuka dan penutup
- kode berwarna hijau silakan sobat ganti dengan URL blog Sobat dan URL gambar yang ingin Sobat pasang di dalam postingan
- Setelah semuanya selesai klik Publikasikan dan lihat hasilnya.
Tidak ada komentar:
Posting Komentar