Cara Mudah Membuat Favicon

Favicon, tahu kan? Itu, yang di sebelah kiri browser ada kotak kecil. Kalau kita jalan-jalan ke web atau blog orang, kita biasanya lihat baik logo maupun gambar fotonya, atau gambar lain yang menarik.

Bila anda membuat web bisnis atau ngeblog, favicon dewasa ini penting untuk melambangkan brand yang akan dikembangkan. Juga menjadi tanda khusus bagi bisnis bersangkutan. Di script plazajawara ini Anda juga bisa mencobanya. Di beberapa template wordpress, joomla, drupal, aura, blogspot juga ada. Bila kode yang dibutuhkan sudah ada di theme tersebut, maka kita tinggal mengganti gambarnya saja. Tapi bila belum ada, kita tinggal menambahkan beberapa kode html sederhana.

Bagaimana cara membuatnya? Gampang saja.

1. Siapkan gambarnya dulu yang berekstensi JPG atau GIF.

2. Cari favicon generator untuk membuat faviconnya jadi lebih mudah, misalnya di beberapa alamat ini:

www.html-kit.com/favicon
www.favicon.co.uk
www.favicongenerator.com

3. Setelah gambar favicon.ico kita dapat, masukkan dia di lokasi folder script (misalnya images) yang nantinya akan kita panggil.

4. Buka file index atau header yang menjadi halaman utama web kita pakai dreamwaver, frontpage, notepad atau HTML editor lainnya. Nah cari kode ini di paling atas:

</head>

setelahnya tambahkan kode ini

<link rel=”shotcut icon” href=”http://www.namablogmusendiri.com/images/favicon.ico“/>

5. Test, berhasil nggak? Kalau nggak berarti ada yang salah. Jadi perlu diulangilagi.

Ya, itu aja. Mudah kan … :-)


Artikel Lainnya

January 28, 2009 | Filed Under Belajar HTML 

Comments

12 Responses to “Cara Mudah Membuat Favicon”

  1. Sudah banyak yang berhasil Saksi sdh banyak | Bisnis Baru Peluang Usaha Internet Marketing Indonesia on February 17th, 2009 9:43 am

    [...] Tapi bila belum ada, kita tinggal menambahkan beberapa kode html sederhana. Selanjutnya lengkapnya silakan klik di sini 1 views « Motivasi Bisnis Yang Dashyat WWWInforealitaCom Ajang Promosi Online GRATIS [...]

  2. Hot Gallery of Sexy Models | Bisnis Baru Peluang Usaha Internet Marketing Indonesia on February 17th, 2009 12:42 pm

    [...] Tapi bila belum ada, kita tinggal menambahkan beberapa kode html sederhana. Selanjutnya lengkapnya silakan klik di sini 1 views « Hot Pictures of Hollywood Actress Dont Miss it Related Posts:MLM business [...]

  3. ALAT PERAGA PENDIDIKAN LUAR BIASA | Bisnis Baru Peluang Usaha Internet Marketing Indonesia on February 20th, 2009 3:21 am

    [...] Tapi bila belum ada, kita tinggal menambahkan beberapa kode html sederhana. Selanjutnya lengkapnya silakan klik di sini 1 views « Ternyata Orang Indonesia Banyak Yang Suka Motivasi Bisnis GRATIS BELI PULSA [...]

  4. goblog on March 15th, 2009 2:23 pm

    aku masih bingung nok buat gambarnya…. bantu dong…!

  5. goblog on March 15th, 2009 2:53 pm

    horeeeeeeeeeeeeeee………..!!!
    akhirnya berhasil juga….
    makasih yea bosss

    btw blog ini udah dofollow ga?

  6. imam on March 18th, 2009 11:19 am

    thanks y…….
    kunjungi blog aku juga donkkk

  7. peluang bisnis di internet | Bisnis Baru Peluang Usaha Internet Marketing Indonesia on March 18th, 2009 5:08 pm

    [...] Tapi bila belum ada, kita tinggal menambahkan beberapa kode html sederhana. Selanjutnya lengkapnya silakan klik di sini 1 views « Cara Agar Website Anda Dibiayai Orang Lain Right CandlestickReading Techniques [...]

  8. PlazaJawara on March 19th, 2009 2:43 am

    he he sama2 pak

  9. Bikin Blog Bisa Dapat Duit | Bisnis Baru Peluang Usaha Internet Marketing Indonesia on March 19th, 2009 10:26 pm

    [...] Tapi bila belum ada, kita tinggal menambahkan beberapa kode html sederhana. Selanjutnya lengkapnya silakan klik di sini 1 views « Mp3 Gratis Bikin Blog Bisnis Internet Ramai Terlalu Sering Cek Traffic [...]

  10. Blogger Senayan on April 27th, 2009 10:58 am

    makaci boos

  11. adhea on May 9th, 2010 12:31 pm

    Oke artikelnya sangat berguna…Oya sobat berkunjung dong ke blog aku dan kasih komentarnya ya.. aku tunggu lohhh

  12. yu-dy on October 1st, 2010 5:34 am

    Kok macam-macam ya bro.. Kadangkala kode diletakkan dibawah/diatas kode lain (bukan )

Leave a Reply