Laman

Sabtu, 14 Maret 2015

Cara Memunculkan Icon Pada Website HTML

Banyak orang yang menganggap remeh Icon pada bagian head pada suatu website ataupun blog. Padahal, icon juga memiliki peran yang cukup penting untuk menarik perhatian pengunjung. Faktanya, kebanyakan orang jauh lebih senang melihat gambar daripada tulisan. Selain itu, icon juga menjadi salah satu ciri khas website yang kita buat.


Sebelum kita membahas lebih lanjut, sebelumnya mari kita siapkan gambar yang akan kita gunakan untuk menjadi icon pada head bar di website kita. Setelah itu, ikuti langkah-langkah berikut:
  • Bukalah website favicon.cc.
  • Klik Tombol Import Image

  • Klik tombor Browse, lalu pilih gambaryang sudah kita siapkan
  • Klik Upload
  • Setelah proses selesai, pada bagian Preview klik tombol Download Favicon.
  • Pindahkan icon kedalam folder website Anda berada.
  • Sekarang bukalah HTML website yang sedang anda bangun.
  • Masukkan kode berikut "<link rel="shortcut icon" href="favicon.ico">"(buang tanda petik terluar). Lebih jelasnya adalah sebagai berikut :
    <head>
    <title>Du Komput</title>
    <link rel="shortcut icon" href="favicon.ico">
      <meta name="description" content="website description" />
      <meta name="keywords" content="keywords, keywords" />
    </head>
  • Icon telah siap untuk digunakan.

 
 Demikian pembahasan kali ini, semoga bermanfaat bagi Anda.

Tidak ada komentar:

Posting Komentar