Cara Membuat Favicon

Bingung dengan yang namanya Favicon? Favicon (Favourite Icon) adalah icon atau gambar kecil yang terletak di samping kiri alamat blog atau website Anda. Di sini saya akan menjelaskan bagaimana cara membuat Favicon melalui blogger.

Bila dalam blogger Favicon-nya adalah seperti berikut :






Lalu apakah kita bisa menggantinya? Tentu saja bisa. Kita dapat mengganti dengan icon blogger tersebut dengan gambar/ icon yang sesuai dengan selera kita masing-masing. Apabila belum paham juga mengenai apa yang dimaksud Favicon mungkin gambar di bawah ini dapat lebih menjelaskan :

Langkah-langkah untuk mengganti Favicon tersebut adalah sebagai berikut :

1. Pertama, buatlah gambar yang ingin Anda jadikan sebagai Favicon. Apabila malas membuat, pakai jasa om Google saja untuk mencari gambar.


2. Tugas Anda selanjutnya adalah mengubah gambar tersebut menjadi icon. Caranya? Untuk yang satu ini, Anda dapat menggunakan tool gratis Favicon Generator. Silakan berkunjung dengan klik di sini.


3. Klik pada tombol Browse…


4. Masukkan gambar yang ingin diubah menjadi icon


5. Klik tombol Generate Favicon.


6. Tunggu beberapa saat, kemudian klik pada Click Here to Download Your Favicon.


7. Save pada computer Anda


8. Langkah selanjutnya adalah meng-upload Favicon tersebut ke tempat hosting gambar, sebagai contoh adalah Yahoo! Geocities. Belum tahu cara upload-nya? Berikut akan saya terangkan secara singkat :

a. Kunjungi http://geocities.yahoo.com/, kemudian klik sign up.

b. Log in menggunakan ID Yahoo Anda, bila belum memiliki ID, klik sign up, dan isilah formulirnya.

c. Kemudian klik Manage, Easy Upload, klik Browse, masukkan Favicon Anda.

d. Klik Upload Files, bila upload sudah sukses, klik pada File Manager.

e. Klik kanan tulisan View, kemudian Copy Shortcut.

f. Buka Notepad, paste kan di situ.


9. Contoh alamat URL dari Favicon Anda :

http://www.geocities.com/ar_riefcool/favicon.ico


10. Tugas Anda adalah menyisipi URL tersebut sehingga menjadi seperti berikut ini :

<link rel="shortcut icon" href="http://www.geocities.com/ar_riefcool/favicon.ico"/>

Sipp.. Pembuatan Favicon Anda sudah mendekati final. Tinggal beberapa langkah lagi :

1. Log in ke blogger dengan ID Blogger Anda.


2. Klik pada Tata Letak


3. Klik Edit HTML


4. Silakan cari kode </head> (bila Anda menggunakan Firefox, silakan tekan Ctrl + F, kemudian ketikkan kode yang ingin dicari, tekan Enter)


5. Kemudian letakkan kode Favicon yang sudah Anda buat tadi persis di atas kode </head> .


6. Klik tombol Simpan Template.


7. Selesai.

Saya merekomendasikan agar Anda menggunakan browser Firefox atau Opera agar tutorial di atas dapat langsung berhasil diterapkan.

Dapatkan update hacking tutorial, tips dan trik menarik seputar teknologi, download full software, belajar bisnis internet, dan masih banyak lagi langsung ke email Anda sekarang juga!

Related Post