JAVASCRIPT : Menampilkan Ikon Browser yang sedang Anda Gunakan

Wah tidak terasa hampir 2 bulan ini saya tidak ngepost diblog ini, blog ini bagaikan ada sarang laba - labanya,, ya banyak sekali kegiatan saya dalam beberapa bulan ini, sehingga blog ini gak pernah kebuka lagi. Oh iya sebelumnya saya mohon maaf (mumpung mau lebaran, He) kepada sahabat - sahabat blogger sekalian jika saya tidak sempat berkunjung lagi ke blog sobat - sobat sekalian, kangen rasanya kaya dulu lagi saling kunjung - kunjungan.

oke, lngsng k poin nya aja ya,, nah kali ini kita akan membahas contoh javascript sederhana, kita akan membuat suatu fungsi JS untuk menampilkan ikon dari browser yang sedang anda gunakan.

berikut script nya (langsung copas aja ke notepad ya,,) :

<script type="text/javascript">
//Script ini akan menampilkan ikon browswer yang sedang anda gunakan
var browser = navigator.userAgent;

if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){
document.write("Browser anda saat ini <img src='Ly246.png' width='80' height='80' hspace='4' > INTERNET EXPLORE");
}else if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)){ //cek Firefox

 document.write("Browser anda saat ini <img src='vQ66O.jpg' width='80' height='80' hspace='4'> MOZILLA FIREFOX");
}else if (/Chrome[\/\s](\d+\.\d+)/.test(navigator.userAgent)){ //cek Google chrome

 document.write("Browser anda saat ini <img src='DL82Z.png' width='80' height='80' hspace='4' > GOOGLE CHROME");
}else if (/Opera[\/\s](\d+\.\d+)/.test(navigator.userAgent)){ //cek Opera

 document.write("Browser anda saat ini <img src='q97lz.jpg' width='80 height='80' hspace='4' > OPERA");
}else if (browser.toLowerCase().indexOf('safari') > 0){ //cek Safari
 document.write("Browser anda saat ini <img src='yhcIx.png' width='80' height='80' hspace='4' > SAFARI");
}
else
document.write("tidak bisa menampilkan ikon.");
</script>

Simpanlah script tersebut dengan nama index.html buatlah folder baru untuk menyimpannya, kemudian setelah anda meyimpan script tersebut anda membutuhkan ikon - ikon dari masing - masing browser yang akan ditampilkan nantinya.

download masing - masing ikon pada link di bawah ini (simpanlah pada folder yang sama dengan index.html)

Ikon untuk IE

Ikon untuk Mozilla
Ikon untuk Google Chrome

Ikon untuk Opera

Ikon untuk Safari

Untuk percobaannya silahkan anda open with file index.html dengan beberapa browser yang anda miliki,
Tutorial dan semua filenya bisa anda download disini
sebagai contoh penggunaannya lihatlah sidebar sebelah kanan paling bawah dari blog ini
Selamat mencoba...!!!!!!