Saturday, May 16, 2015

Cara Mebuat Gambar Berputar Di Blogger

Halo sobat  “wankaituorial” sekarang saya akan membahas tentang Cara  Lengkap Membuat Gambar Postingan Blog  Berputar  berhubung artikel yang kemarin tidak di terima mbah google terpaksa saya update biar bisa di nikmati oleh para teman semuanya,cukup unik kelihatannya tampilan gambar berputar pada blog ketika mouse menyentuhnya sebagi ciri khas dari perkembangan blog apalagi di iringi dengan pembesaran gambar sambil berputar wow bikin asik ajah kelihatannya.

Memang terkadang jenuh dengan tampilan blog yang serba sederhana seakan tidak ada kreasi untuk memberikan tampilan yang sedemikian indah untuk memuaskan para pengunjung blog,nah buat kalian biar tidak merasa jenuh dengan tampilan blognya silahkan di coba coba siapa tau cocok karena saya rasa gampang banget caranya juga,untuk lebih jelasnya kita langsung saja ke TKP.

1. Seperti biasa kalian login ke akun blog.
2. Pilih menu Template > Edit HTML ( centang expand widget templates ).
3. Cari kode ]]></b:skin> kemudian copy kode berwarna merah di bawah dan pastekan di atas kode tersebut.



a img, img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}a img:hover, img:hover{border:2px solid; -webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}


4. Terakhir save dan lihat hasillnya.



Anda akan mendapatkan hasil gambar di blogger anda akan berputar saat kursor diarahkan. Dan terimakasih, sampai jumpa di tutorial lainnnya.. jangan lupa like box nya sobat.

No comments:

Post a Comment

Comments system

Disqus Shortname

Disqus Shortname

Comments System

Disqus Shortname

Comments system