Rabu, 11 Maret 2009

Membuat Loading di Blog

Membuat Loading di BlogMembuat loading, sudahkah kawan menerapkannya di blog kawan? Jika belum kawan harus pelajari tutorial ini untuk membuat loading di blog kawan. Pasti kawan tidak tahu bentuknya seperti apa? Bentuk loading ini hanya sama seperti loading pada umumnya tetapi loading ini lebih bervariasi, tertarik untuk membuatnya? Silahkan ikuti langkah-langkah berikut untuk membuat loading blog :


  • Klik Tata Letak
  • Klik Edit Html
  • Cari kode ]]></b:skin>
  • Lalu copy kode berikut di bawah kode ]]></b:skin>

    <script>
    function board()
    {
    if (document.getElementById){
    document.getElementById('prepage').style.visibility='hidden';
    }else{
    if (document.layers){ //NS4
    document.prepage.visibility = 'hidden';
    }
    else { //IE4
    document.all.prepage.style.visibility = 'hidden';
    }

    </script>

  • Setelah itu copy kode berikut setelah kode </head><body>

    <div id='prepage' style='position:fixed; font-family:verdana;font-size:12;color:#ffffff;font-weight:bold; left:0px;top:0px;width:400px;height:20px;z-index:500;'>
    <li><img src='http://i654.photobucket.com/albums/uu263/lawuh/loading.gif'/></li><div>
  • Setelah itu klik Pratinjau untuk melihat hasil yang diperoleh
  • Jika sudah sesuai baru klik Save

Jika ingin ingin variasi lain, ganti kode di atas dengan kode berikut :




<div id='prepage' style='position:fixed; font-family:verdana;font-size:12;color:#ffffff;font-weight:bold; left:0px;top:0px;width:400px;height:20px;z-index:500;'> <li><img src='<span>http://i654.photobucket.com/albums/uu263/lawuh/loading.gif</span>'/></li><div>

Hasilnya :
Photobucket





<div id='prepage' style='position:fixed; font-family:verdana;font-size:12;color:#ffffff;font-weight:bold; left:0px;top:0px;width:400px;height:20px;z-index:500;'> <li><img src='<span>http://i654.photobucket.com/albums/uu263/lawuh/loadi.gif</span>'/></li><div>

Hasilnya :

Photobucket






<div id='prepage' style='position:fixed; font-family:verdana;font-size:12;color:#ffffff;font-weight:bold; left:0px;top:0px;width:400px;height:20px;z-index:500;'> <li><img src='<span>http://i654.photobucket.com/albums/uu263/lawuh/ajax-loader.gif</span>'/></li><div>

Hasilnya :


Photobucket




Jika tidak berhasil, lakukan antisisapi dengan membuatnya berada di pojok seperti posting kemarin,
yang scriptnya seperti ini

<img src="http://i654.photobucket.com/albums/uu263/lawuh/indonesia.gif" border="0" /></a>

Tetapi dengan perubahan, warna merah diganti dengan url link2 berwarna hijau dari script loading.


5 komentar:

  1. wah boleh tuh dicoba
    nti aku coba ach di blog kelas aku
    hehe
    blogku dah berat cie

    BalasHapus
  2. makasih yaa infonya..
    http://gajahpandai.blogspot.com

    BalasHapus
  3. tapi kok gak bisa yaa?? ada eror-erornya gitu...
    http://gajahpandai.blogspot.com

    BalasHapus
  4. oh iya.. ada pemecahannya... hehe.. maaf yaa gak merhatiin...

    BalasHapus
  5. kok gak bisa ya... tolong dong... please...

    BalasHapus

Sialahkan kawan berkomentar tentang artikelnya...karena komentar kawan sangat berarti bagi blog ini...^_^ salam Blogger