Cara Membuat Favicon dan Memasangnya di Blog

Tentunya jika kita mempunyai blog, kita ingin tampilan blog kita lebih menarik, salah satunya adalah dengan favicon. Favicon sendiri adalah sebuah logo untuk blog , seperti dibawah ini :

Berikut ini saya akan berbagi pengalaman bagaimana Cara Membuat Favicon dan Memasangnya di Blog :

1.  Untuk membuat Favicon, pertama kita harus membuat desain untuk favicon nya :

a.       Buatlah file baru di Photoshop (Disini saya menggunakan Photoshop CS6) :

b.       Setelah muncul layar kerja baru seperti dibawah ini :

c.       Kita bisa mulai untuk membuat favicon yang kita inginkan. Pada kotak tersebut, kita bisa manambahkan teks atau logo untuk blog kita. Dan disini saya akan membuat dengan logo. Untuk membuat favicon dengan logo , tentunya kita harus mempunyai logo untuk blog tersebut. Disini saya asumsikan teman-teman sudah memiliki logo. Buka logo Anda dengan Ctrl+O  >  pilih logo yang telah Anda buat sebelumnya > klik OK :

d.       Setelah itu, drag logo tersebut ke layar kerja baru Anda.  

Karena ukuran logo yang sudah tersedia dan ukuran layar kerja baru Anda bisa saja berbeda(Seperti kasus saya), maka kita harus mengatur logonya agar sesuai dengan ukuran layar kerja baru Anda. Caranya ; Ctrl+T > Lalu tarik sampai logo menjadi pas dengan layar favicon yang sedang dikerjakan :

Setelah disesuaikan :

e.       Langkah terahir untuk membuat Favicon ini adalah, kita save favicon yang telah kita buat. Buka file yada di pojok atas photoshop > lalu pilih Save As dan simpan dengan format PNG:

2. Cara Memasang Favicon di Blog

Karena pada kasus saya, memasang langsung logo yang telah saya buat tidak berhasil muncul di blog, maka saya memakai jasa favicon generator untuk mengubah format logo saya dari .png ke .ico .

a.       Sebelum memasang favicon tersebut di blog, generate dulu favicon yang sebelumnya telah kita buat. Anda bisa generate favicon nya di http://www.favicon.co.uk/

b.      Setelah masuk ke web tersebut maka akan muncul tampilan seperti dibawah ini. Klik Choose File > lalu pilih ukuran 64x64

c.       Pilih file dengan klik favicon yang sebelumnya telah dibuat, lalu klik Open :

d.       Lalu generate favicon :

e.       Download favicon kita yang sudah digenerate :

f.       Setelah ini, barulah kita bisa memasangnya di blog kita. Masuk ke  blog Anda, pilih bagian Tata Letak :

g.       Muncul bagian Favicon lalu pilih Edit :

h.       Pilih file favicon yang sudah kita generate di step sebelumnya, lalu simpan :

i.       Setelah disimpan, maka tampilan icon blog kita sudah berubah menjadi icon yang sudah kita buat. Dari pengalaman saya, favicon tersebut tidak langsung berubah, tapi PASTI berubah setelah beberapa saat.

Semoga pengalaman saya bermanfaat bagi teman-teman semuaaa~ :D