Minggu, 21 Oktober 2012

Cara Memasang Widget Website Speed Test Di Blogger

Tools website speed test ini dapat membantu blogger/webmaster lain yang berkunjung ke blog sobat agar bisa mengidentifikasi seberapa cepat/lambatnya loading page dari blog/website yang dia miliki. Tools yang dibuat oleh iwebtool ini cukup ringan dan tidak terlalu membebani loading blog nantinya, dibanding tools dari pingdom tools yang sedikit lebih berat. Ingin memasangnya di blog sobat? Mari kita ikuti cara berikut:

1. Silahkan menuju halaman dashboard blogger kamu
2. Pilih menu Tata Letak > Add Gadget/Tambah Gadget
3. Klik pada menu HTML/JavaScript
add-gadget-html-javascript-blogger
4. Copy kode HTML di bawah ini kemudian paste di kolom yang tersedia
 
 
<form action="http://www.iwebtool.com/tool/tools/speed_test/speed_test.php" method="get" name="pageform" onsubmit="return validate(this);" target="pageframe">
<table border="0" style="border-collapse: collapse; width: 100%px;">
<tbody>
<tr>
<td height="91" valign="top"><table class="tooltop" style="border-collapse: collapse; height: 76px; width: 100%px;">
<tbody>
<tr>
<td><table border="0" cellspacing="5" style="border-collapse: collapse; width: 100%px;">
<tbody>
<tr>
<td colspan="5" valign="top"><b><span style="font-size: x-small;">Domain Kamu: </span></b><span style="font-size: xx-small;">Masukkan nama domain yang ingin ditest</span></td>
</tr>
<tr>
<td colspan="4" valign="top"><textarea name="domain" rows="11" style="width: 100%;"></textarea></td>
<td></td>
</tr>
<tr>
<td><input style="float: left;" type="submit" value="Check!" /></td>
<td><span style="font-size: xx-small;">(eg. iwebtool.com)</span></td>
<td></td>
<td colspan="2"></td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td><iframe class="toolbot" frameborder="0" height="251" name="pageframe" width="100%">
</iframe></td>
</tr>
<tr>
<td height="39"></td>
</tr>
</tbody></table>
</form>
<script language="JavaScript">
function validate(theform) {
if (theform.domain.value == "") { alert("No domain provided"); return false; }
return true;
}
</script>
<a href="http://www.iwebtool.com/" target="_blank"><span style="font-size: xx-small;">Powered by iWEBTOOL</span></a>
 
 
5. Jangan lupa klik Save kemudian lihat hasilnya.
6. Jika ingin menambahkannya sebagai posting/laman blogger baru, silahkan copy kode HTML diatas pada menu HTML disebelah menu Compose pada postingan/laman yang ingin dipublikasikan.
 

Tidak ada komentar:

Posting Komentar