Cara membuat gambar postingan blog berputar

Salam lima jari heheheh,hehehe .. kali ini saya akan membahas tentang Cara 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 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.

Itulah tutorial yang bisa saya sampaikan pada pertemuan kali ini tentang Cara membuat gambar postingan blog berputar semoga ada manfaatnya buat semuanya. 
Jangan lupa terus berkunjung ke blog ane ini.
Terima  kasih

Tweet

Sign up here with your email address to receive updates from this blog in your inbox.