Hubungi KamiJika ada pertanyaan silahkan hubungi kami

Membuat Efek Zoom Berputar Pada Gambar di Blog

Membuat Efek Zoom Berputar Pada Gambar di Blog-Selamat siang kawan, mau bagi-bagi tips seputar blog yang ingin memoles blognya lebih keren dengan gerakan efek berputar ketika kursor mouse di arahkan pada gambar. Baca Juga: Cara Membuat Widget Instagram Di Blog

Tentu jika kalian sudah sering berjalan di dunia internet pernah menemukan seorang blogger yang meggunakan efek ini, jika kalian mau menerapkan efek ini pada blogger sobat cukuplah mudah, kalian tinggal mengikuti panduan yang ingin saya berikan di bawah ini:

Demo Gambar Berputar Di Blog

Panduan Gambar Berputar Di Blog:

  • Login ke akun blogger sobat
  • Pada bagian dashboard blog,pilih Template lalu Edit HTML
  • Selanjutnya cara kode ]]></b:skin>(untuk mempercepat pencarian gunakan CTRL+F)
  • Copy dan pastekan kode di bawah ini tepat di atas kode ]]></b:skin>
Klik untuk membuka
#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);}
  • Sekarang buat postingan dan masuk pada bagian HTML, masukkan kode di bawah ini:
Klik untuk Membuka
<div id=”seocips”>
<div style=”text-align: center;”>
<a href=”http://giribig.com/“><img src=”http://giribig.com/wp-content/uploads/2015/11/Cara-Mengatur-E-mail-Pada-Blackberry.jpg” height=”200″ width=”200″ /></a></div>

Keterangan:

Pada kode yang di tandai dengan warna hijau silahkan ganti dengan alamat URL tujuan ketika pengunjung klik gambar tersebut akan di arahkan ke alamat mana dan pada kode yang di tandai dengan warna merah silahkan ganti dengan link gambar sesuai yang di inginkan.

Loading...

Add a Comment

Your email address will not be published. Required fields are marked *

More in Blogger
Panduan Pasang Galeri Instagram Pada Blog Anda

Panduan Pasang Galeri Instagram Pada Blog Anda-Ingin menampilkan foto instagram...

Close