Tampilkan logo di browser

Penulis: imm

Pernah tidak anda memperhatikan, setiap kita membuka sebuah site, logo dari site tersebut ditampilkan di browser...? Seperti gambar di bawah ini lho...;

Untuk menampilkan logo seperti gambar di atas, terlebih dahulu anda harus memiliki gambarnya yang berupa favicon. Favicon adalah file icon (.ico) dengan ukuran 16x16 pixel. Favicon bisa dibuat dengan program khusus yang bisa save as ico. Namun jika tidak punya, anda tak perlu khawatir. Karena telah banyak layanan on-line yang bisa membuat favicon dari file gambar jpg, gif, bmp ataupun png. Salah satunya adalah dynamicdrive.

Jadi yang anda perlu lakukan adalah;

  1. Buat file ikon.jpg (misalnya) di MS-paint atau adobe photoshop.
  2. Buka web site tools.dynamicdrive.com/favicon atau klik di sini
  3. Browse/telusuri file ikon.jpg yang telah anda buat.
  4. Klik Create icon.
  5. Maka akan tampil FavIcon (16x16) preview.
  6. Klik Download FaVicon, dan simpan di folder web anda (misalkan: c:\inetpub\wwwroot\latihan\) dan beri nama favicon.ico.
  7. Edit file HTML anda dengan menambahkan kode
    <link rel="SHORTCUT ICON" href="favicon.ico">
    Taruh di bagian <head>.
  8. Selesai...

Maka anda telah menampilkan logo anda di browser. Mudah kan.....


KODE HTML
<iframe src="http://khasanahilmu.110mb.com/guess.php?section=4&subsection=42 width="500" height="800"></iframe>

Last Update: 15 Oktober 2009