Ok langsung aja ya, sesuai janji saya kemaren untuk menuliskan tutorial cara pasang gambar status page loading ini di blogger, yang belum sempat baca silahkan simak dulu info sebelumnya tentang Page preloader disini.
Pertama, pilih saja dulu salah satu animasi preloader dari dua layanan ini Preloader atau Ajaxload, kemudian simpan hasil gambar dalam format gif tersebut. Kalo sudah, silahkan upload file gambar tadi ke hosting anda (yang gratis bisa pake geocities.com)
Langkah kedua silahkan buka notepad anda, kemudian simpan kode dibawah ini dengan nama preloader.js (pastikan ekstensi berakhiran JS, bukan TXT)
var ld=(document.all);
var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;
if (ns4)
ld=document.loading;
else if (ns6)
ld=document.getElementById("loading").style;
else if (ie4)
ld=document.all.loading.style;
function init()
{
if(ns4){ld.visibility="hidden";}
else if (ns6||ie4) ld.display="none";
}
Kalo sudah, silahkan upload file preloader.js ke hosting anda (yang gratis bisa pake geocities.com)
Cara Pasang di blogger:
Langsung tuju saja ke alamat EditHTML, cari tag <body> Kemudian ganti tag <body> dengan kode dibawah ini, janga lupa ganti kode warna merah dibawah dan sesuaikan sendiri dengan lokasi alamat penyimpanan gambar dan file JS anda.
<body onLoad='init()'>
<div id='loading' style='position:absolute; width:100%; text-align:center;
top:300px;'> <img border='0' src='http://lokasi-simpan.com/gambarpreloader.gif'/></div>
<script src='http://lokasi-simpan/preloader.js'
type='text/javascript'/>
Untuk mengubah penempatan gambar loading silahkan atur sendiri pada kode text-align:center (silahkan bermain saja dengan kode center, coba ganti dengan left, right, top atau bottom). Sebenarnya masih banyak trik lainnya, silahkan dikembangkan sendiri ya.
Perhatian! saya belum dapat info apakah merubah tag <body> ini melanggar TOS blogger apa tidak, jadi saya sarankan jangan di coba langsung di blog utama. silahkan bereksperimen di blog uji coba anda . Kalau terjadi apa2 jangan salahkan saya OK! :)
80 komentar:
pertamaxxxxxx nggak ya... pengen ngerasain doang... hehehe...
Tinggal baca dan praktekkan... nuhun kang.. tadi di FB kok nggak dibales sih kang chat-nya... ketiduran ya? Heuheuy deudeuh,,,, :p
suwon cak...
wew...keren tuh
ntar otak-atik lah..masih kacau blog saya...
btw "PERTAMAX nie" :))
thanks oom....
wadow............gagal PErtamax.............
beli minyak tanah aja deh..........
kl gitu gw............
wah keren nech om
udah berhasil kang... tapi ke tutup sama image template sepotong.. hhhe... pindahin aja lah ke pinggir...;))
Mas Oom, Artikel2nya bermanfaat banget, kemarin sempat download ebook seo-nya. Thanks yah...
Ebook udah sempat di praktekin, moga2 jadi tenar kaya blognya Oom hehehe :)
Minta ijin saya bookmark blognya yah...
Thanks a lot and keep posting...
waah keren tuh tak coba2 dulu ah...trims o-om
Wahhh Keren...
Menurut feeling om ato pandangan om, Melanggar TOS blogger ga sech? Jawab yg jujur yach om...
saya baca-baca dulu ajah ah.makasih om :D
mau gw praktekin ah... 8-}
wah siip keren tak co ba aah..thank kang o-om
astaghfirullah....kamu bener2 kaya mesin komputer pentium 12 oom...nggak ada matinya itu ide..cepet banget...
salut n bangga sama bapak blog 1 ini :)
kenambelasx
mampir pagi2,, disuguhi info yang keren Than's Pk :)
Wuih kueren . . . .
om, kalo efek loadingnya itu dibikin ngikutin arah layar terus, jadi walaupun di scroll loadingnya tetep ditengah keliatan gitu gimana? bisa nggak?
Wuih kueren . . . .
hehe saking semangate nelurin post baru,jadi belum sempat baca tos tu
Hebat banget om, ntar saya coba ;)
coba dulu mas om, unlimited o-om idea
o-om...mang mantap deh tutornya... salam kang... sukses s'lalu.. :D
saya coba dulu ya Om, nanti saya kabarin lagi.. :D
Wah, Pake Blog Percobaan Dulu aja yah.... Nanti takut di banned
Wah.... mantab OOM...
wew.. nice tips mas.. coba ah.. bisa ga yah he..he..
Wah, keren Om, saya harus pasang di blog saya nih... :)
jadi berat ga ya Om blognya?
:)] langsung ke TKP om!!!
;;)
Betul oom, jangan dicoba di situs utama, bisa kelihalangan banyak dollar kalau kena banned blogger :)
:)] ingat pesan suhu tuh \:D/ \:D/
keren sie jadi nya.. hihihi2...
wah, harus dicoba di tempat laen tuh....
sudah cuba pada blog test saya dan berfungsi dengan baik..
TQ ya o-om...
:)
kbsoccernet.com
aku coba doloe deh pakdhe...
Wah harus nyobain dulu tapi tetep waspada nih ma warningnya...he3x
tak coba'e yo mas ! matur nuwun sanget ! :))
saya tuh paling bingung dgn scriptnya blogger. eh si om dengan mudahnya edit2 dan nambahin ini itu salut :) ajarin donk om
ok deh mas..animasinya maknyus..saya coba dolo ah..
Very interesting article, i have bookmarked your blog for future referrence
Dua-daunya siip.. thanks
Thanks buat semua ang sudah komen ya :) senang sekali kalo sudah berhasil..
@Kongz: silahkan, thanks juga ya
@indungg: Masih belum jelas juga nih ndung, cuma ya harus jaga aja nih :)
@Iwan Rachmanto: emang bedanya sama suhu apa ya..hehehhe sesama tukang becak jangan saling mendahului hihihi
om, saya udah bisa pasangnya...
cuma kadang2 gambarnya kagak mau hilang2 om....
kira2 kenapa tu om....
jurus sakti lagi, huebat bener ni oom.
khusus buat blogspot aja kah oom ?
buat wp bisa ngak ?
KEREN BGT OM!!!!!! ITU JS NYA OOM YANG BUAT??! fiuh... mau pingsan ane rasanya klo tau situ sakti kek gini.....
*Halo..,
*saya mengundang anda tuk mengunjungi blog saya, di themahdavinovelblogspot/m4hd4v1.wordpress
*saya akan mulai mempublikasikan Novel saya, mohon masukannya...,
*Salam Hangat
*Halo..,
*saya mengundang anda tuk mengunjungi blog saya, di themahdavinovelblogspot/m4hd4v1.wordpress
*saya akan mulai mempublikasikan Novel saya, mohon masukannya...,
*Salam Hangat, Mahdavi
Wah keren ..........deh....
Top banget artikel artikelnya... :D
Saya baru belajar nih... ngeblog....
http://yudynata.blogspot.com/
Mohon Masukkannya untuk blog saya......
THank's A lot
uda dipasang om!!! di blog utama lagi...emang kayak gini bisa langgar tos ya??
sebenarnya saya sudah buat preloader sendiri, javascriptnya saya input langsung ke blogger tanpa melalui direktori eksternal tidak mengikuti saran o-om diatas, scriptnya agak berbeda dengan punya o-om, tapi mirip-miriplah. Hanya saya tidak menggunakan animasi. Takut ciplak animasi punya orang. Tapi info tentang animasi preloader, yang saya dapat disini sangat-sangat bermanfaat. Lumayan juga. Thanks atas infonya
wach.............ngasih trik ngasih,tp kalo kayak gini takut gwe mo pasang...!
key lah thanks, gwe simpen trik ini.
oya,boleh ko coment my mine.
tipsnya bagus om,
ga rugi nongkrong disini ..
dapat banyak ilmu blogging ..
O-Om yang baek tentunya. ne maaf pendatang baru yang,,,,,,,,,,, ya baru belajar....
makasih smuanya om.... moga aq bisa pintar kaya si O-OM. amin
sukses slalu om.......
om.. ni ku baru nyoba-nyoba ngeblog, eee... untung ketemu om jadi terbantu deh... tapi masih banyak bingungnya je.... makasih ya om
nuhun o-om
Mantap Pokoknya.... :D
emmmmmmmmm.....pikir2 dulu deh. Tapi makasih nih om atas tipsnya..
OOM... bingung nih pake Geocities???? ~x(
kenapa tidak sekalian Link js nya dak di kasih??? :((
Kasih dunkzzz.....
pleasee....
balesss di http://dettol-tv.blogspot.com
tengs ya om, atas segala petuah nya.. i love you om.. bravo blogger indonesia..
kunjungi web saya banyak humor,cerita,tips compuer,sains,video
jam ,kalender,tampilan slideshow dan musik
http://www.andre-adityawarman-kusuma.co.cc/
Oalah.. hahaha, mantap Om
selamt menempuh hidup baru oom, smg menjadi keluarga yg sakinah
bisa om!
tenkyou
om gimana denga tutorial ini
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))
lk
mantyep bank.....
Untuk tips yang satu ini sayang apa bila tidak saya terapkan di blog q, bosen jj sih klo blog ga ada variasi status loading page nya thanks banyak om atas tips nya, jangan bosen" memberi info bagi blogger indonesia, jaya o-om.com. :X
:-q
maksi info nya om,.
:))
thank's ya informasinya om...heuheuheu
Info yang bermanfaat kang..makasi
mantabs....
http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif
nadanjhu blogmu....
bisa di cb tuh OM tips-nya :))
Mantap gan hahahah ;)
Poskan Komentar
Silahkan beri komentar dan jangan komentar bernada spam ya. thanks :)