membuat logo disamping address bar
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.
Keren Bukan??!!
Berlangganan Artikel gratis
Categories: tutorial | 
Tags: tips untuk pemula, tutorial | 
5 Comments »
Namaku Lukito Wiyono. Berasal dari Kota Pahlawan Surabaya. Kota yang panas, yang penuh sesak oleh manusia, kota yang khas dengan teriakan supporter Boneknya, kota yang (selalu) membuat kecewa setiap perantauan yang datang. Kota yang menjanjikan fatamorgana kehidupan, kemewahan dan keangkuhan gedung-gedung pencakar. Dengan makanan Semanggi Suroboyo-nya, dengan rujak cingur-nya, dengan lontong balap-nya membuat aku enggan meninggalkanmu.
saya sudah upload filenya di public html lewat cpanel. trus saya mau sisipkan dimana? kok adanya hanya di header pada editor html wordpress? mohon bantu
ga bisa, gak bisa, gak bisa bro…capek gw dah….
wah ane blm berhasil bos…. gmn ne..