Membuat Favicon (Icon) Pada URL Website Anda



Coba anda perhatikan website ini (Nyem) pada ujung URL website terdapat sebuah logo atau icon berbentuk huruf N atau coba anda membuka website Yahoo! pada ujung URL nya juga terdapat icon berbentuk huruf Y! nah.. icon tersebut adalah Favicon atau disebut juga Favorites Icon

Favicon

Untuk membuatnya favicon kita membutuhkan beberapa software image editing bisa photoshop atau software image editing lainnya.

  • Buatlah sebuah gambar atau logo idealnya berukuran 16 x 16 pixel lalu simpan dengan format .ico misallnya favicon.ico tetapi kalo gak bisa boleh di simpan dengan format yang lain seperti .jpg, .gif, .bmp, .png dan saat di simpan usahakan kualitas gambar tidak pecah – pecah karena akan mempengaruhi tampilah favicon anda nantinya
  • Setelah file favicon.ico jadi, upload file tersebut ke hostingan anda dan sebaiknya upload ke root directory.
  • Untuk wordpress, edit file header.php biasanya berada pada themes yang anda pake saat ini. Lalu tambahkan kode berikut di antara <header></header> atau di bawah <title></title>

<link rel=”shortcut icon” href=”favicon.ico” />

Code Lengkapnya :
<html >
<head>
<title><?php bloginfo(‘name’); ?> ></title>
<link rel=”shortcut icon” href=”/favicon.ico” />
</head>

  • Setelah proses editing kode dan upload selesai, coba Refresh website anda. Icon favicon akan muncul di website anda.


Photobucket


Posted in Pengalaman, Wordpress | Share


Baca juga artikel terkait berikut :

6 Responses to “Membuat Favicon (Icon) Pada URL Website Anda”


  1. thx bos…..nice post…

    sudah saia coba ternyata berhasil

    wansegen teng kiyu

    ReplyReply


  1. dah bisa yaa.. :) itu fotomu keliatan di comment..

    ReplyReply


  1. thnx ya, ntar aku coba?!!!

    ReplyReply


  1. matur suwun mas bwt tips-nya ..

    ReplyReply


  1. Thank’s atas infonya, Kang….

    Bahauddin Amyasis last post..Teks Berjalan di Navbar Atas (Part 2)

    ReplyReply


  1. thanks bro saya sudah coba tempat lain tapi kurang jelas penjelasannya tapi disini sekali coba langsung berhasil
    indra´s last blog ..VoxOX

    ReplyReply

    My ComLuv Profile




Leave a Reply

CommentLuv Enabled