Mengganti Icon Pada URL Website dengan Javascript
Posted by: dEn t0w0 on: 27 January 2009
Menindak lanjuti tulisan saya sebelumnya *hayah*, mari kita lanjutkan belajar PHP dasar, kali ini sedikit dibumbui dengan Javascript. Kali ini kita akan mencoba mengganti Icon pada URL Website yang akan kita buat dengan icon yang kita inginkan. Pada directory belajarphp, tambahkan folder baru, beri nama gambar, jadi kita akan memiliki folder gambar didalam directory belajarphp (C:\xampp\htdocs\belajarphp\gambar). Folder ini nantinya akan kita gunakan untuk menyimpan file-file gambar (*.jpeg, *.gif, *.png dsb).
Pilih gambar yang ingin anda jadikan sebagai icon pada komputer anda, usahakan yang ukurannya tidak lebih besar dari 200 pixels baik lebar atau tingginya (saya memilih yang berukuran 90×99). Masukkan gambar tersebut ke dalam folder gambar yang telah kita buat sebelumnya (C:\xampp\htdocs\belajarphp\gambar). Lihat gambar anda pada browser, caranya pada URL ketikan http://localhost/belajarphp/gambar/nama-gambar-anda.jpg (saya http://localhost/belajarphp/gambar/it_beastie.jpg).
Masih ingat file hello.php yang pernah dibuat??, buka file itu dengan DW. Tambahkan javascript pada file itu, berikut adalah skrip nya :
document.write(‘<link rel=”SHORTCUT ICON” href=” URL gambar anda”>’);
atau kalau saya seperti dibawah ini
document.write(‘<link rel=”SHORTCUT ICON” href=” http://localhost/belajarphp/gambar/it_beastie.jpg”>’);
Sehingga skrip lengkap file hello.php menjadi seperti dibawah ini:
<html”>
<head>
<title>.: Hello</title>
</head>
<script language=”javascript”>
document.write(‘<link rel=”SHORTCUT ICON” href=” http://localhost/belajarphp/gambar/it_beastie.jpg”>’);
</script>
<body>
<?php
echo “Selamat belajar PHP!! <br/>”;
echo “Hari ini adalah :”;
echo date (‘d/m/Y’);
?>
</body>
</html>
Hasilnya pun akan menjadi seperti tampilan dibawah ini :
Selamat mencoba kawanku sekalian :P
credit to : Friendstertalk
Leave a Reply
Dimulai dari sesuatu yang bodoh
Soulmate
Kamu di :
Technology
- Blog Focus: Allen Iverson Retires 26 November 2009
- Twitter Users React to Another Facebook Outage 26 November 2009
- Liverpool Crashes out of the Champions League 26 November 2009
- India-Sri Lanka Cricket Series a Disappointment 25 November 2009
- Santa’s Facelift Costs Hefty Amount 25 November 2009
Teu Ngarti??
| T | Timeless |
| O | Orderly |
| W | Witty |
| O | Odd |
Name Acronym Generator
From Go-Quiz.com
Recent Comments