Modifikasi Kotak Pemeriksa Kecepatan Web/Blog

Beberapa hari yang lalu saya pernah berkunjung ke sebuah website besar untuk mengecek kecepatan blog ini. Sebut saja itu: GTmetrix. Ya, namanya orang yang mudah penasaran seperti saya. Akhirnya saya mengecek kecepatan blog saya. Alhamdulillah, ternyata kecepatan blog ini tidak begitu buruk. Ketika itulah, sempat terlintas sebuah bisikan untuk membikin kotak pemeriksa kecepatan web/blog tersebut. Yang menjadi pertanyaan saya, apakah hal itu bisa di lakukan? Ternyata setelah sedikit mengintip contekan kode yang ada di website tersebut. Membuat saya yakin kalau hal tersebut bisa di lakukan. Sebagai demoya, silahkan kamu masukkan alamat website atau blog kamu di bawah ini kemudian klik Enter atau Check.

Walaupun saat menunjukkan hasil pemeriksaannya yang kemudian di arahkan ke website yang memeriksa. Namun, hal ini ada manfaatnya. Yakni dapat mempersingkat waktu kita untuk tidak langsung menuju ke website tersebut. Bagi teman-teman blogger yang ingin memasang kotak pemeriksa kecepatan web/blog tersebut. Silahkan simak caranya dibawah ini :
1. Tambahkan widget baru kemudian pilih HTML/JavaScript.
2. Copy kode di bawah ini, kemudian pastekan kode tersebut kedalam widget tadi.

<style type="text/css" scoped>
.boxurlblog {color:gray;width:220px;padding:6px;font:14px Arial;transition:border-color 0.2s ease-out 0s;margin:0;border:1px solid #ccc;border-radius:2px;}
.boxurlblog:focus {color:black}
.checknow {background: #C9441B;background: linear-gradient(to bottom, #EF7049 0%, #FF6334 80%);width:75px;padding:7px;margin:5px 0 5px 10px;border-radius:3px;font-size:14px;cursor:pointer;border:none;position:relative;color: #fff;font-weight: bold}
.checknow:hover {background:#E5400D}
</style>
<form action="http://gtmetrix.com/analyze.html" method="post" target='_blank'>
<input class='boxurlblog' type="text" name="url" value="http://www.example.com" onfocus="if (this.value == 'http://www.example.com') {this.value = '';}" onblur="if (this.value == '') {this.value = 'http://www.example.com';}"/><button type="submit" class='checknow'>Check</button>
</form>

3. Save kemudian lihat hasilnya di blog sobat.