membuat logo disamping address bar

June 14, 2009 | Posted by lukito

Anda pernah melihat logo kecil sebuah blog atau website dengan gambar/ image menarik disamping url blog yang sedang kita kunjungi?favicon.ico merupakan logo penegasan dari sebuah blog Yup, anda pasti pernah kan?! contohnya seperti yang ada diblog saya ini. Tahukah anda bagaimana cara membuatnya? logo tersebut harus ber ekstension “.ico” jadi tidak bisa kita membuat image sembarang extension seperti jpg, png, ataupun gif kemudian kita upload di web kita untuk dijadikan logo tersebut, karena tidak akan tampak sebagai logo icon. Lalu bagaimana cara membuatnya?

Anda harus membuat gambar diri, logo atau apa sesuka anda pada Adobe photoshop. Ukuran image size jangan besar, cukup beri ukuran 16×16 pixels pada bidang yang akan anda beri logo.
Sesudah jadi kemudian beri nama sesuka anda dan masuklah anda ke website www.html-kit.com/favicon salah satu penyedia layanan untuk merubah extension image menjadi favicon.ico
Masukkan logo yang baru saja anda buat pada Photoshop tersebut ke dalam www.html-kit.com/favicon dan tekan “generate favicon.ico” lihat screenshot dibawah ini
Anda akan mendapatkan sebuah link untuk di download
Kemudian upload file “favicon.ico” hasil download tersebut ke dalam FTP anda atau ke dalam cpanel anda. Jangan keliru untuk menaruh hanya di dalam folder “public_html” untuk website anda
Untuk blog anda yang ber platform worpress seperti blog saya ini upload ke dalam folder “public_html/wp-content/themes/nama theme yang anda pakai/”
Kemudian langkah terakhir cari file yang bernama index.php, atau index.html
Untuk blog yang bermesin wordpress masuk ke file header.php yang terletak pada ”public_html/wp-content/themes/nama theme yang anda pakai/header.php” dan buka editornya (HTML). Lalu bagaimana jika blog saya dari blogspot? www.blogsaya.blogspot.com? bagaimana cara merubahnya? nanti Insya Allah akan saya postingkan terpisah.
Sisipkan kode berikut <link rel=”shortcut icon” href=”favicon.ico”>, tapi jika tidak nampak seperti yang saya alami, ganti kodenya dengan <link rel=”shortcut icon” href=”http://www.namabloganda.com/wp-content/themes/nama theme yang anda pakai/favicon.ico”>sesudah tag <head> dan sebelum tag </head>
Refresh blog anda dan lihatlah sisi kiri url blog anda akan tampak logo favicon buatan anda.