Optycon-Tutorial Blog: Membuat Loading di Blog

Membuat 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 :

Masuk ke bogger dengan ID kawan

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 :

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.