Cara Membuat Gambar Posting Blog Berputar
Demo
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.
Artikel Terkait Lainya
Cara Membuat Border Judul Artikel Blog Sebagaimana suatu blog tempat kita menuangkan semua inspirasi dalam tulisan, Berbagi informasi serta sekedar tempat menyalurkan hobby dengan me ... selengkapnya
Widget Artikel terbaru dengan Navigasi Next dan PreviousWidget Artikel terbaru dengan Navigasi Next dan Previous. Baiklah pada kesempatan ini seocips.com akan membagikan tutorial bagaimana cara membuat dan ... selengkapnya
Cara Membuat Next Page Pada Posting BlogNavigasi Nomor Halaman pada sebuah website atau blog merupakan menu yang sanagat penting di karenakan Navigasi Nomor Halaman itu akan menunjukan bera ... selengkapnya
Efek Hover Pada Gambar Dalam BlogSelain pada seluruh gambar yang terdapat dalam posting, efek gambar juga dapat diterapkan pada salah satu gambar yang kita inginkan saja. Baik satu ... selengkapnya
Cara Membuat efek post hover hanya di homepage blogwahh anda lihat nggak efek yang terdapat pada home blog saya saat kursor anda menyentuh salah satu dari postingan saya nahh gimana gan?emm kayak beru ... selengkapnya
Langganan:
Posting Komentar (Atom)