Wednesday, March 7, 2012

Mempercantik Blog Dengan Event Tag HTML

Mempercantik Blog Dengan Event Tag HTML adalah sebuah cara yang dapat kita lakukan untuk mempercantik sebuah blog atau website, karena kita dapat menampilkan sebuah interaksi antara blog dengan pengunjung. Nah dengan adanya event ini maka kita dapat membuat blog menjadi lebih interaktif seperti yang kita maksud.

Yang disebut dengan event adalah sebuah kejadian yang akan terjadi jika sesuatu kita lakukan, dan inilah beberapa event tag HTML yang saya maksud: 
1. OnClick - Jika mouse di klik pada daerah <span>  
2. OnMouseOver - Jika mouse sedang digerakkan dan berada pada daerah <span>  
3. OnMouseOut - Jika mouse keluar daerah <span>
    Selanjutnya event ini akan kita gunakan untuk memanggil fungsi pada script blog kita, dan hal inilah yang saya maksud pada penjelasan sebelumnya yaitu mempercantik blog dengan menjadikannya lebih interaktif terhadap user.

    Kode HTML
    <html>
    <style>
     span{font-size:20px}
    </style>
    <script language="javascript">
        function click()
        {
            words.style.color="blue"
        }

        function mouseover()
        {
           word.style.color="red"
        }

        function mouseout()
        {
            word.style.color="green"
        }
    </script>

    <body>
        <span id="word" style="color:green" onmouseover="mouseover()" onmouseout="mouseout()">
            Silahkan lewatkan mouse anda di sini!!
        </span>

        <span id="words" style="color:purple" onclick="click()">
            Silahkan kata ini diklik!!
        </span>
    </body>
    </html>
     
    Sekian, dan selamat mencoba! jangan lupa untuk selalu memberikan komentar jika ada beberapa pertanyaan terkait dengan kode html tersebut diatas.