Membuat Gambar Dengan Animasi Menyusut

Membuat Gambar Dengan Animasi Menyusut seperti gambar di atas ?

Sama dengan mengedit HTML blog, tapi untuk membuat gambar dengan animasi menyusut ada beberapa kode yang perlu ditambahkan, mari langsung saja menuju TKP, soalnya kebanyakan intermezo entar malah gak jadi baca..he he he...

Ikuti langkah-langkah sederhana dibawah ini :

• Buka edit template

• (alt+f) cari kode ]]></b:skin>

• Kemudian Copy + paste script dibawah tepat diatas kode ]]></b:skin>

.post-body img { padding:15px; /* jarak */ background:#FFF; /* background warna putih */ -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .post-body img:hover { border-radius: 0% 50%; /*Border Radius saat hover */ box-shadow: 0px 0px 15px #000; /* Bayangan saat hover */ -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; cursor:pointer; }

• Save atau Simpan Templatenya
• Lihat Blog sobat, coba arahkan kursor ke Gambar di Postingan blog sobat sendiri.

MUDAHKAN

SEMOGA BERMANFAAT

Terima Kasih membaca artikel tentang Membuat Gambar Dengan Animasi Menyusut dan anda bisa menemukan artikel Membuat Gambar Dengan Animasi Menyusut ini dengan url http://soehendrah.blogspot.com/2013/01/membuat-gambar-dengan-animasi-menyusut.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Membuat Gambar Dengan Animasi Menyusut ini bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Membuat Gambar Dengan Animasi Menyusut sumbernya. TERIMA KASIH