Fitur CSS memungkinkan kita untuk membuat banyak hal khususnya membuat tampilan halaman web ataupun blog menjadi lebih menarik. Pada waktu yang lalu saya sudah banyak mengulas tentang fitur CSS dan contoh - contohnya. Kali ini saya akan berikan contoh lagi tentang bagaimana kita membuat gambar memutar menggunakan CSS transitions. Cara kerjanya sangat sederhana, yaitu ketika pointer mouse diletakkan diatas gambar maka secara otomatis gambar akan memutar dan membesar.
Silahkan anda lihat contoh gambar dibawah ini. Anda bisa coba meletakkan pointer mouse diatas gambar, maka gambar tersebut langsung memutar dan membesar.
OK... bila anda berminat, anda bisa ikuti lankah - langkah dibawah ini : 1. Login ke blogger dengan ID anda. 2. Klik Rancangan. 3. Dan KLik tab Edit HTML.
4. Cari kode di bawah ini atau yang mirip dengan kode ini :
5. Copy kode di bawah ini dan taruh sebelum kode </head> :
6. Simpan Template.
7. Langkah selanjutnya, anda tinggal copy kode dibawah ini dan anda bisa taruh kode gambar ini pada gadget atau akan dipasang pada artikel post anda untuk menampilkan gambar dengan efek memutar dan membesar, silahkan ... itu terserah anda.
catatan :
- Ganti ULR blog dan ULR image dengan ULR milik anda.
Nah....Mudah kan...? Silahkan anda coba dan diotak atik sendiri sesuka selera anda. Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.
Judul: Cara membuat gambar memutar; Ditulis oleh Unknown; Rating Blog: 5 dari 5
Related Posts
Cara membuat fitur slide showBanyak kegunaan fitur slide show ini, antara lain bisa kita manfaatkan untuk menampilkan produk terbaru yang kita tawarkan. Terutama untuk web atau blog yang banya ... readmore
Thread Comments Stylish dengan CSS
Modifikasi Thread Comments Blogger Dengan CSS, ini pernah saya bahas dan kali ini saya akan membagikan yang versi duanya yang lebih stylish yang kebetulan saya ... readmore
Cara Membuat Navigasi HalamanCara lain untuk memudahkan pengunjung mencari artikel yang ada pada blog kita adalah memberi tombol navigasi halaman yang berada dibawah artikel. Selain memberikan ... readmore
Cara buat Fitur Slide AccordionKarya baru lagi saya buat dan kupersembahkan untuk anda yang selalu setia mampir di blog ini. Widget ini saya beri nama Fitur Slide Accordion. Selain tampilan ... readmore
0
comments:
Post a Comment
Informasi Pilihan Identitas: Google/Blogger : Khusus yang punya Account Blogger. Lainnya : Jika tidak punya account blogger namun punya alamat Blog atau Website. Anonim : Jika tidak ingin mempublikasikan profile anda (tidak disarankan).
Author : Templatesmonster Doctype Used : Html5 and Css3 Styles : Business, Services, Airlines Layout : 2 Columns, Sidebar-Content Main Col...
Get New Info
Subscribe via RSS FeedIf you enjoyed this article just click here, or subscribe to receive more great content just like it.
Pasang Iklan Di Sini ?
Link Exchange
Bagi anda yang berminat tukar link, silahkan copy linknya lalu pasang di Blog anda. Dan bila sudah terpasang, jangan lupa beritahu saya, agar link anda segera saya pasang di Blog tercinta ini. Silahkan copy kode baner dibawah ini, dan taruh di web atau blog anda :
0 comments:
Post a Comment
Google/Blogger : Khusus yang punya Account Blogger.
Lainnya : Jika tidak punya account blogger namun punya alamat Blog atau Website.
Anonim : Jika tidak ingin mempublikasikan profile anda (tidak disarankan).