Rabu, 08 Desember 2010

Cara Membuat Widget Page Loading Time Di Blog

Widget Page Loading Time

Trik berikut ini adalah cara membuat script Page Loading Time. Page Loading Time atau Waktu Pemuatan Halaman adalah merupakan alat bantu untuk mengetahui waktu yang diperlukan untuk memuat keseluruhan halaman dari suatu halaman situs atau blog. Dengan widget ini dapat diketahui kecepatan dalam memuat halaman blog, dan dengan ini akan memberikan ide bagi pemilik blog untuk mengoptimasi blognya agar lebih cepat.

Langsung saja, satuan yang akan digunakan adalah milidetik, bagaimana jika Anda ingin menggunakan satuan waktu menit???

Oke, Ini cara memasang script Page Loading Time:

Langkah 1:
- Login ke Blogger.
Langkah 2:
- Masuk ke "Rancangan, Edit HTML".
Langkah 3:
- Cari kode di bawah ini:

</head>

Langkah 4:
- Salin lalu tempel kode di bawah ini di atas kode </head>:

<script type='text/javascript'>// <![CDATA[ var now = new Date(); window.onload = function() { document. getElementById("waktuload").style.display = "block "; document. getElementById("milidetik") .innerHTML = (new Date()). getTime() - now.getTime(); } //]]></script>

Langkah 5:
- Cari kode di bawah ini:

<body>

Langkah 6:
- Sisipkan kode di bawah ini:
id="waktuload", pada kode <body>, sehingga hasilnya menjadi seperti di bawah ini:

<body id="waktuload">

Langkah 7:
- Tempatkan kode di bawah ini, dimana saja sesuai dengan keinginan Anda?

Loading time <span id='milidetik'/> ms

Catatan:
Kode di atas akan menampilkan waktu pemuatan halaman yang sedang Anda lihat.

Langkah 8:
- Simpan template dan preview blog Anda!

Selamat mencoba dan semoga berhasil.
Happy Blogging!

Tidak ada komentar:

Posting Komentar