Membuat Animasi Loading di Blog

Udah lama bgt ARiiiiE g' update tip trik blog, coz lagi sibuk bgt.. Sebelumnya iseng2 browsing tip trik blogging,, trus ketemu  Cara Pasang Animasi Loding Di blog. sebenarnya tutorial ini sudah lama dipakai ma sobat blogger lainnya, tapi g' pa2 lah ARiiiiE juga ikut sharing. Sobat udah pernah lihat kan sewaktu sobat berkunjung ke suatu blog ada gambar loadingnya? bagi sobat yang belum tau nih ARiiiiE ada contohnya

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 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 melihat contohnya Klik disini

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 berakhiran .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 sites.

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 dan ganti kode tersebut dengan kode dibawah ini :

<img border='0' src='http://tempat-simpan.com/gambarpreloader.gif'/>

<script src='http://tempat-simpan/preloader.js' type='text/javascript'/>

5. Simpan Template.

Keterangan :

Kode yang berwarna hitam adalah url dimana Sobat menyimpan gambar animasi status loading-nya.
Kode yang berwarna Biru adalah url tempat Sobat mengupload kode javascript animasi status loading-nya.

Jika Sobat malas untuk menyimpan gambar animasi status loading, copy aja alamat gambar status loading di atas....

Tag : Tip Trik Blogging, tutorial

SHARE

Tweet