Membuat Tombol Hot Key "Home" pada Blog

Hot Key atau Tombol Panas (*hah!!??). Kembali lagi bersama saya sendiri di blog ini hehe. Sebelumnya saya telah memposting tentang javascript ya? Berarti kali ini Javascript lagi hehehe.



Sudah cukup basa-basinya sobat saatnya kita bahas mengenai Tombol Hot Key "Home". Sekarang sebagai contoh Kecilnya, coba sobat tekan tombol Ctrl + D pada Keyboard. Apa yang terjadi? Benar! Sebuah situs akan di Bookmark. Nah, kiranya contoh kecilnya itu.



Nah, yang saya bahas ini adalah Script yang mengarah ke Home Pages ketika sobat menekan Tombol Kunci (Hot Key) entah apa HotKeynya pada Keyboard :D. Dengan kata lain, sebuah Script yang mengarah ke Url tertentu ketika HotKey di tekan.



EXAMPLE! : (tekan tombol "H" pada keyboard, Sekarang)



Nah, kebetulan javascript ini Support pada semua Web browser. Bagus tidak scriptnya menurut sobat? hehehe. Kira kira bisa di pakai untuk kepentingan blog gak ya? pasti bisa hehehe :D. Yuk kita ikuti cara pembuatannya hehe.



• Buka Website resmi Blogger yaitu di Blogger.com (google blogs)



• Saat di dashboard klik tab Design → Add a Gadget → Javascript/HTML



• Letakan kode berikut ke tempat Javascript/Html Tadi

<span style="text-shadow:0 0 2px #777;">Press H to Go Home</span>

<script>

<!--

if (document.layers)

document.captureEvents(Event.KEYPRESS)

function backhome(e){

var targeturl="http://farixsantips.blogspot.com"

if (document.layers||document.getElementById&&!document.all){

if (e.which==104||e.which==72)

window.location=targeturl

}

else if (document.all){

if (event.keyCode==104||event.keyCode==72)

window.location=targeturl

}

}

document.onkeypress=backhome

//-->

</script>

~ Kode Merah adalah Tujuan Url dari sebuah Hotkey

~ PENTING! : Kode Orange adalah kode Hotkey. Disitu tertulis 104 yang berarti kode Hotkey H. Berikut adalah daftar Kode kode Hotkey yang disimbolkan menjadi angka

1. Hotkey A = 97
2. Hotkey B = 98
3. Hotkey C = 99
4. Hotkey D = 100
5. Hotkey E = 101
6. Hotkey F = 102
7. Hotkey G = 103
8. Hotkey H = 104
9. Dan seterusnya → Sampai Z
   
   

Nah boleh diganti sesuai kemauan sobat :).

• Sekarang klik Save!



Sekarang lihat hasinya, apakan sama seperti yang ada di EXAMPLE pada halaman ini? kalo tidak komen ya :)