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>
<head>
<title>.: Hello</title>
</head>
<script language=”javascript”>
document.write(‘<link rel=”SHORTCUT ICON” href=” http://localhost/belajarphp/gambar/it_beastie.jpg”>’);
</script>
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>
<?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
No comments:
Post a Comment