You must enable Javascript in your browser to run or open this site.

Belajar membuat HTML Webpage Waiting.. 5 4 3 2 1

Ya Allah, kenapa aku ini, kenapa diriku ini. Membiarkan sang Blog sendiri layak tanpa pemilik ini dalam seminggu ini. Apakah aku... (Halah!).

O iya Sob sebenernya Trik HTML yang satu ini sudah berbulan bulan saya timbun di lemari Folder Script saya. Saya lupa dan terkadang ada pikirna Malas untuk mempublikasikannya :D hehe. Tetapi karna hari ini, jam ini, menit ini, detik ini saya kehabisan bahan untuk mempublikasikan sesuatu yang berbeda dari yang lain maka saya luncurkan Script Andalan saya :D huahaha.

Begini loh sob, mengapa judulnya Belajar membuat HTML Webpage Waiting.. 5 4 3 2 1? Nah, mungkin sebagian Besar atau bahkan semuannya mungkin tidak mengerti dengan Judul yang aneh itu. Kita akan membuat Trick HTML Webpage yang nanti ketika membukannya akan menunggu dari angka 5... 4... 3... 2... 1... dan kemudian OBJECT (div, span, p, a, dan lain lain). Script ini saya beri Nick Name Time Bomb

Kalian tau Situs KILLERJO.NET? Nah ini mirip mirip begitu namun menggunakan angka tadi. Bagaimana Reviewnya, saksikan Video di Bawah. Video direkam menggunakan Software perekam

video

Nah, bagaimana? Kalau ingin tau scriptnya gimana yuk liat di bawah ini!
<script type="text/javascript">
var c = 4;
function fcwait() {
if(document.getElementById("divDLWait")==null || document.getElementById("divDLStart")==null){
setTimeout("fcwait()", 1000);
return;
}
if (c > 0) {
var el = document.getElementById("wait");
if( el ){
el.innerHTML = "" + c;
}
c = c - 1;
setTimeout("fcwait()", 1000);
}
else {
document.getElementById("divDLWait").style.display = 'none';
document.getElementById("divDLStart").style.display = 'block';
}
}
fcwait();
</script>

<div style="width:100%; height:100%; background:#000 url() no-repeat center; margin:0px; color:#fff; font-size:100px; display: none;" id="divDLStart"><center>OBJECT!</center></div>

<div id="divDLWait">
<div class="sec" id="wait" style="text-shadow:0px 0px 5px #000; padding-top:40px;font-size: 400px;" align="center">5</div>
</div>
Ganti kode OBJECT dengan kode yang lain, misalkan Gambar. Ganti menjadi <img src="URL_Gambar" /> dan juga yang lainnya.
Kode Kuning adalah Style/Gaya dari Angka ataupun OBJECT tadi.

• Letakan itu pada Notepad, kemudian Save dengan Format NAMA.html
• Klik File NAMA.html dan buka!

Tujuannya apasih? Gak tau! hahahaha... untuk Sharing aja sob dari pada gak ada kerjaan :D kalau berguna, sobat bisa mengaplikasikannya sendiri :) Makasih ya Perhatiannya :)

14 comments

  1. Msih bingung nih buat apa'an heheeh... :D

    BalasHapus
  2. kalo pake gini jadi berat ga blognya kira2 yah brur?

    BalasHapus
  3. To Bayu Pesek : Ini bukan tutorial blog sob :)) haha maaf ya sob :)

    BalasHapus
  4. Trik Yang Sangat Keren sob........
    Lanjutkan.. :D

    BalasHapus
  5. Mendapatkan link ke blog orang lain tidaklah mudah, terlebih lagi blog/web orang tersebut memiliki PR di atas 3. Namun...

    BalasHapus
  6. keren jg, coba dolo ah :D

    btw : visitback y, ane update ni

    BalasHapus
  7. To Teja htc : Thanks ya om, oke ane lanjutkan :))
    To Tips bla bla : Iya sob itu sangatlah susah =)) wkwk
    To Cek Info : ma'acih om cek :D oke ane kunjungin

    BalasHapus
  8. keren siih sobb...
    masih masih bingung.... :-/

    BalasHapus
  9. To Shinobi : Siapa tau kapan kapan berguna :-/ meskipun gak jelas =))

    BalasHapus
  10. buat loading page web juga bagus nih sob.. =)) =)) thx udah sharing,, :D

    BalasHapus
  11. wai ini mantab, kebetuulan aku lum bisa buat html
    belajar disini senang hati... :)

    BalasHapus
  12. bagus ni gan. . .aku jadi tahu nih. . .

    BalasHapus