Sebelum membuat favicon, kita harus mengetahui favicon itu apa??
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 .
1. Cara Upload Gambar Untuk Dijadikan Bentuk Favicon
Hal pertama yang hasrus dilakukan adalah menyiapkan sebuah gambar, logo yang berformat format gif, jpg, atau png. Kalau ingin membuat logo, silakan bacanya disini.
Selanjutya gambar atau logo tersebut harus di convert ke bentuk favicon.ico supaya bisa dijadikan favicon nantinya. Caranya;
- Klik http://www.favicon.cc/?action=import_request
- Klik browse dan cari gambar atau logo yang kalian akan convert. Lihat gambar di bawah ini.
- Setelah gambar atau logo sudah di dapatkan, klik Upload. Dan Tunggu beberapa detik karena proses konversi sedang berlangsung.
- Kalau proses konversi sudah selesai, kalian harus mendownloadnya. Lihat gambar dibawah ini. Untuk melihat contoh hasilnya, lihat lingkaran merah. Selanjutnya Klik Download favicon (lingkaran biru).
- Adapun hasil downloatan akan berbentuk seperti ini
2. Cara mengupload gambar ke geocities
- Klik disini untuk menuju site geocities. Silakan daftar (sign in) dengan Yahoo ID kalian.
- Kalau sudah sign ini, maka akan muncul gambar in. Klik Manage.
- Klik Easy Upload
- Klik Browse untuk memasukan gambar atau logo yang tadi sudah di konversi dan klik Uplaoad files.
- Klik File Manager
- Pada tulisan View, klik kanan dan Pilih Copy Link Location dan simpan di Notepad atau window. Ingat yang di pilih file yang bertuliskan favicon.ico (gambar dibawah hanya ilustrasi)
- Hasil copy tadi seperti ini.
http://www.geocities.com/edi_makemoney/favicon.icoSampai disini kalian sudah punya alamat dari file favicon.ico nya. langkah selanjutnya adalah merubah kode tsb menjadi seperti ini;
<link href=' http://www.geocities.com/edi_makemoney/favicon.ico ' rel='shortcut icon'/>
3. Memasukan kode di atas ke blogspot
- Log in ke blogger
- klik Layouts di menu dashboard
- Klik Edit HTML
- Cari kode ini </head>
- Letakan kode beikut ini dibawah kode </head>
<link href=' http://www.geocities.com/edi_makemoney/favicon.ico ' rel='shortcut icon'/>
- Ganti tulisan merah dengan kode kalian sendiri.
- Klik Save Template dan lihat hasilnya
Gimana sudah ada kan kode favicon nya.
good luck ☺☺
No comments:
Post a Comment
Berilah Komentar, kritik atau saran ..
itu akan lebih berguna untuk kami :D
dan pastinya akan di tanggapi jika ada yang di tanyakan ☺☺☺
Follow >> @aboy_212