Kamis, 03 Mei 2012

Membuat Efek Loading / 'Memuat' dalam Blogspot Blogger

Penulis-Bulukumba (Pb)

Penulis kreator by  Puji Antoro
Postited : Membuat Efek Loading

Bagaimana Membuat Efek Loading / 'Memuat' dalam Blogspot Blogger?

Dari tetangga sebelah sob,sekalian mo promosi blog sahabat di AkuPunya.Com,script ini sengaja kami ambil untuk sekedar berbagi trik dan tips membuat efek loading di blog.

Bentuk fisiknya sobat dapat lihat di SINI,saat sobat membuka halaman atau mengklik link posting misalnya akan ada efek menunggu atau istilahnya dengan 'animation loading page widget'.

Jadi sambil sobat menunggu konten blog tampil sempurna,widget ini akan tampil dengan gambar animasi yang telah disediakan dalam script.
Seperti yang telah AkuPunya.Com ciptakan,berikut bahan yang dibutuhkan:

1.Script dengan ekstention *.js,silakan lihat di:

http://tc.comze.com/js/preloadpage.js

2.Gambar yang akan tampil,disini adalah yang berformat *.gif yang beralamat di:

http://lh3.googleusercontent.com/-kcn5J_HBL0k/TjwQzEsyEAI/AAAAAAAAAcw/fyuDdV9NDmU/ajax-loader.gif

Tampilan akan seperti ini (gambar ini akan tampil jika yang bersangkutan masih mengabadikannya pent-):




Membuat Efek Loading


3.Langkah dan caranya.


Pertama,pilih Dashboard lalu pilih Tata Letak / Rancangan(1) kemudian pilih tab Edit HTML(2),lalu seperti biasa contreng tulisan Exspand Widget Templates(3).

Lihat Gambar ya :D





Membuat Loading Blog mengggunakan jQuery.
(1)







Efek Loading Blogger.
(2)







Cara Membuat Efek Loading Blogspot.
(3)


Nah,selanjutnya cari kode  (Gunakan Ctrl+F),setelah ketemu sob,tepat dibawahnya letakkan kode berikut:



Simpan dan lihat hasilnya :D

Kalau bingung tolongtolong lihat filenya   DEMO-1   DEMO2


Creative Efek Loading Blog 

AkuPunya.Com



2 komentar: