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 Lengkap Membuat Gambar Postingan Blog Berputar semoga ada manpaatnya buat semuanya.
0 komentar:
Posting Komentar
Catatan :
!!~Silahkan Berkomentar Di bawah Ini Berkatalah Yang Sopan Dan Dilarang Menaruh Link Aktif Di Kotak Komentar,,Jika Ingin Menaruh Link Silahkan Klik Menu Tukar Link~!!
~!!~Terima Kasih~!!~