..:: Cara Membuat Animasi Status Loading di Blog ::..


Pada Tutorial kita kali ini Saya akan membahas cara membuat aniamsi status loading, maksudnya adalah pada waktu sobat membuka halaman blog milik sobat, nantinya akan muncul sebuah image / gambar animasi loading yang atraktif sebelum blog tampil keseluruhan.

Pemasangan status loading ini akan mengubah sedikit kode HTML yang ada di template, jadi saya sarankan gunakan blog cadangan untuk mencoba tutorial ini, atau backup template sobat sebelum mengubah kode HTML-nya.

Karena kode yang di ubah adalah <body> dan saya tidak tau pasti apakah dengan mengubah kode tersebut akan melanggar TOS Blogger atau tidak. Makanya saya sarankan sebaiknya gunakan blog cadangan saja untuk mencoba membuat status loading ini. Baiklah, lanjut ya.

Untuk pilihan animasi status loading-nya bisa sobat lihat di Ajax Load.

Silahkan upload kode Javascript berikut ini ke tempat penyimpanan online. Pastikan file yang di upload berkhiran .js

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";
}

Cara upload file javascript-nya, copy paste semua kode diatas kedalam notepad, kemudian simpan file tersebut dengan extension atau akhiran .js dan setelah itu upload ke tempat penyimpan online atau jika mau lebih mudah upload saja di Google Code

Kemudian ikuti langkah berikut ini :

   1. Silahkan login dulu ke Blogger.
   2. Kemudian tuju halaman Edit HTML.
   3. Klik Expand Template Widgets.
   4. Cari kode <body> dan ganti kode tersebut dengan kode dibawah ini : 
<body onLoad='init()'><div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'> <img border='0' src='http://tempat-simpan.com/gambarpreloader.gif'/></div> <script src='http://tempat-simpan/preloader.js' type='text/javascript'/>
5.Simpan Template

CATATAN:
Kode yang berwarna hijau adalah url dimana sobat menyimpan gambar animasi status loading-nya. Kode yang berwarna merah adalah url tempat sobat mengupload kode javascript animasi status loading-nya. 

Artikel Terkait:

Comments
3 Comments

{ 3 komentar... Skip ke Kotak Komentar }

japarus bin b4db0y said...

wkkkkkkkkkkkkkkkkkkk . tq info nya .. da sukses http://adf.ly/zGat

DiM4sH said...

wkkkkkkkkkkkwkwkwk sepppp dah bos

Nies Aja said...

Artikel yang sangat bagus, pembahasan tentang Cara Membuat Animasi Status Loading di Blog sudah menyelesaikan masalah yang sedang saya hadapi. Cobalah untuk melihat Langkah-Langkah Membuat Blog jika anda menginginkan sebuah blog tampil lebih baik.

Tambahkan Komentar Anda

 
© Copyright 2012. Blogger | Edit Template by Japarus | Last Edited : 988BET Agen Bola Untuk Prediksi Piala Eropa 2012

Link Sahabat Berita Terbaru Hari Ini | Aneka Baca |cyber |FBA |Boim Casano |coyac blogspot |Info ZUS

Dr.5z5 Open Feed Directory | Free Backlink Exchange For Seo | Free Auto Backlink Exchange Service | free search engine submission |My Ping in TotalPing.com | | Ping your blog, website, or RSS feed for Free | | |Free SEO Backlinks |