Cara Membuat Favicon Kreasi Sendiri

Cara Membuat Favicon Sendiri yang akan di bahas kali ini berbeda dengan turitorial sebelumnya Membuat Favicon Kreasi Sendiri Secara Online. Kali ini kita akan mencoba membuatnya secara offline yang tentunya lebih mudah dan kualitas gambar yang di hasilkan pun lebih menarik. Ada beberapa langkah yang akan sobat lakukan untuk dapat Membuat Favicon Sendiri, diantaranya adalah:

1. Membuat gambar

Langkah pertama, buatlah sebuah gambar yang akan di jadikan sebagai favicon. Dimensi gambar haruslah berbentuk persegi, misalkan ukurannya 100 x 100 px. Maksimal file 100Kb. Contoh seperti gambar di bawah ini :

Bagi yang sudah mahir dalam menggunakan photoshop sobat semua dapat membuatnya melalui photoshop tentunya sudah semua pada tahu bahwa dengan photoshop kita dapat menghasilkan gambar yang berkualitas, untuk turitorial menggunakan photoshop silahkan klik disini. Nah bagi yang belum mahir menggunakannya tidak usah khawatir karena kita dapat membuat gambar secara online klik disini untuk dapat membuat gambar secara online, ini salah satu contoh web yang menyediakan layanan ini http://cooltext.com/

Apabila gambar sudah ada, maka simpanlah gambar tersebut di komputer anda.

2. Mengganti Format gambar menjadi ico,  silahkan sobat semua menuju ke alamat http://www.favicongenerator.com/. Lihat pada bagian step 2, itu adalah untuk mengupload gambar yang akan di jadikan favicon, apabila gambar sudah di upload kia tinggal menuju kepada step 3. klik pada generate favicon. Sekarang favicon sobat sudah jadi, untuk mensavenya klik kanan pada gambar favicon yang telah di buat kemudian klik simpan gambar dengan nama. Kini favicon anda sudah tersimpan di computer.

3. Mengupload favicon Ke Blogger

Langkah selanjutnya adalah mengupload gambar yang tadi sudah di buat ke blogger. Berikut langkah-langkahnya :

Cara Pertama

• Silahkan login ke blogger dengan ID anda.
• Klik dropdown menu, kemudian klik Tata Letak
  
  
  
• Klik Edit pada Widget favicon
  
  
  
• Klik Browse, lalu pilih gambar yang telah dibuat tadi
• Klik tombol Simpan.
  
  
  
• Selesai.

Favicon anda telah berhasil di upload, namun untuk melihat perubahan perlu waktu beberapa jam. Tunggulah 5 – 12 jam dan favicon anda akan berubah sesuai dengan gambar yang anda upload.

Catatan: apabila gambar telah di upload tapi masih belum ada gambar kita pada browser silahkan sobat semua tambahkan dengan cara yang ke dua

Cara Kedua.

• Login terlebih dahulu di blogger.com
• Pada menu dropdown, klik Template.
• Klik Edit HTML dan Proceed
• Cari kode </head>
• Tempatkan kode berikut sebelum kode </head>

<link href='URL ICON' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

• Save Template sobat.

Ingat : Tulisan yang berwarna merah harus di ganti dengan URL gambar sobat.

Ini adalah contoh url favicon saya http://dc602.4shared.com/img/ufDJCIWn/s7/MTfaviconico.png

Kode yang saya berikan pada Cara kedua, membuat favicon sobat blogger tampil di media browser Google Chrome atau media Browser yang lain. Kode tersebut berbeda dengan kode-kode yang sobat blogger dapatkan di blog lain. Kalau sobat blogger menggunakan kode seperti ini :

<link href='URL ICON' rel='shortcut icon'/>

Maka Favicon yang sudah sobat blogger ganti hanya tampil di media Browser Mozilla Firefox.

Itulah panduan Cara Membuat Favicon Kreasi Sendiri. Semoga bermanfaat bagi anda.