Kamis, 13 September 2012
Cara Membuat Animasi Loading Blog
Tampilan tertentu pada saat loading blog mungkin merupakan daya tarik tertentu dalam sebuah blog. Hal ini memungkinkan anda menyimpan semua ketidak teraturan bentuk tampilan pada saat loading, sehingga pengunjung hanya melihat animasi tampilan loading. Posting kali ini saya akan share bagaimana membuat tampilan loading halaman dengan menggunakan jquery dan css. Tampilan animasi pada loading page ini menggunakan Query Loader, yaitu tampilan layar kosong hitam (bisa diubah) yang meliputi blog anda sampai semua konten dimuat. Artinya pengunjung tidak akan melihat apa yang diloading blog Anda. Pada tampilan ini pengunjung hanya melihat halaman loading dengan bar dan persentase loading secara keseluruhan dengan berwarna gelap. Coba anda refress blog ini? apa yang terlihat.....lumayan menarik bukan??? ok mari kita bahas cara pembuatannya. Ikuti langkah berikut ini.
Cara Membuat Animasi Berjalan "Setan Jalan" di Blogerr
Setan Jalan di Blog | Gambar Berjalan di Blog ~ Setelah share sebuah aplikasi Mig33 pada postingan Borneo Flood V2, hari ini ARMAN BLOG akan share sebuah Blogger Tutorial
mengenai cara memasang gambar Setan Jalan di Blog. He kalau di lihat
dari judulnya orang pasti akan mengira ada setan beneran masuk ke blog,
ya kan?ya dong?ya aja daaah?. Sebenarnya setan ini cuma sebuah gambar
animasi berjalan di tempat dan di beri effect marquee sehingga
membuatnya tampak seperti berjalan keluar masuk blog dari kiri ke kanan.
Untuk contohnya kalian bisa lihat di blog kalian sendiri setelah
memasangnya.
![]() |
Red Devil |
Kalian yang suka yang bernuansa Gothic atau penggemar Red Devil, saya yakin kalian pasti suka Cekidot.
Cara Memasang Gambar Animasi Lucu di Pojok Blog ( Widget Animasi Blog Gratis )
Untuk menampilkan gambar lucu, cukup copy salah satu script html di bawah ini kemudian masukkan ke dalam gadget html. Script ini saya buat menggunakan kode html ditambah gambar dari situs sweetim.
Contoh dan scriptnya bisa dilihat di bawah ini :
1.Gajah loncat

Script:
<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>
Langganan:
Postingan (Atom)