Cara Mudah Membuat Favicon Icon Web

Cara Mudah Membuat Favicon | Icon Web

Hai sobat, saya perhatikan ternyata beberapa bulan belakangan, saya sudah sangat jarang menulis postingan di blog ini ya. Postingannya pada basi karena tidak ada updatean terbaru. Malu saya.. Mengingat blog ini masih menjadi sumber penghasilan buat saya. Hah.. Saya harus janji nih, mulai sekarang harus rajin update. Harus!!

Kembali ke judul. Kali ini saya ingin bagi tips mengenai blog. Yakni cara mudah pasang Favicon atau icon logo pada blog atau website. Cara ini berlaku untuk blog blogspot, wordpress self hosted, atau web apa saja yang bisa di edit bagian HTML nya.

Sebelumnya, apa itu Favicon?

Favicon adalah icon utama yang muncul pada address bar suatu website dan merupakan logo dari website tersebut , Juga dikenal sebagai shortcut icon, Web site icon, URL icon, or bookmark icon. (Wikipedia)

Contoh Favicon :

Cara Mudah Membuat Favicon | Icon Web

Cara membuatnya :

1. Siapkan gambar ukurannya boleh 16×16, 32×32, 64×64 atau ukuran berapa saja asal bentuknya persegi dan tidak terlalu besar. Jenis filenya juga boleh jpg, png atau gif.

2. Upload gambar tersebut ke hosting atau kemana saja anda biasa menyimpan gambar.

3. Copy script berikut lalu paste pada blog / web anda.

<link rel="shortcut icon" href="URL gambar" />
  • Pada wordpress, masuk ke menu Appearance -> Editor -> Header.php
  • Pada Blogspot masuk ke Design -> Edit HTML (gak tau nih kalo blogspot versi baru).
  • Silakan paste pada bagian antara <head> – </head>. Jangan salah letak ya..

4. Ganti tulisan URL gambar dengan URL dimana anda menyimpan gambar tadi. Lalu simpan dan lihat hasilnya.

Selesai. Mudah bukan? Contoh hasilnya seperti pada favicon blog saya ini. Semoga bermanfaat.. ^_^

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *