Cara Membuat Favicon

Author: UUF Hasibuan // Category:
Icon ini bisa sobat ganti sesuka sobat, mau gambar ataupun sekedar tulisan saja. Apakah sobat berminat untuk mengganti favicon blog sobat? Jika ya silahkan simak tutorial ini sampai selesai. Untuk membuat favicon ini yang harus sobat lakukan adalah membuat sebuah gambar dulu yang akan dijadikan favicon, misal saya mempunyai gambar seperti ini:

Setelah itu sobat harus mengubah gambar tersebut menjadi sebuah gambar icon. Jika bingung cara mengubahnya menjadi gambar icon, sobat bisa menggunakan layanan dari Favicon Generator dan untuk masalah ini silahkan sobat menuju situs http://www.favicongenerator.com.
Setelah sobat berada pada halaman situs tersebut lalu klik tombol bertuliskan Browse....
Masukkan gambar yang tadi sobat buat.
Lalu klik tombol bertuliskan Generat Favicon.
Tunggu beberapa saat sampai proses selesai, setelah itu Click Here To Download Your Favicon dan simpan pada komputer sobat.
Langkah selanjutnya meng-upload gambar icon tersebut ketempat hosting gambar. Kalau biasanya para webmaster menyimpannya pada Yahoo! Geocities tapi di sini saya akan menggunakan tempat hosting gambar yang lain yaitu Tinypic.com atau Picasa Web Albums biar tidak terpatok pada satu tempat hosting saja.
Sekarang saya anggap sobat sudah mempunyai alamat url dari icon gambar sobat tadi

Sebagai contoh alamat url gambar yang saya simpan pada www.tinypic.com seperti ini:

http://i44.tinypic.com/2cqm97s.jpg

Agar icon gambar tersebut bisa muncul sebagai icon blog, sobat harus mengubah alamat urlnya menjadi seperti ini:

<link href='http://i44.tinypic.com/2cqm97s.jpg' rel='shortcut icon'/>

Setelah itu meletakkannya pada template sobat, langkah-langkahnya sebagai berikut:
1. Login ke Blogger.com.
2. Klik menu Tata Letak.
3. Klik menu Edit Html.
4. Cari kode seperti ini </Head> jika sudah ketemu, simpan code tadi di atas code </Head> atau bisa juga sobat simpan tepat di bawah code ]]></b:skin>

Selesai ��
Semoga Bermanfaat !!!

1 Response to "Cara Membuat Favicon"

Anonim Says :
13 Mei 2010 pukul 10.59

terima kasih telah membantu

Posting Komentar

 
 
Send Email

Your Name
Your Email Address
Subject
Message
Image Verification
captcha
Please enter the text from the image:
[ Refresh Image ] [ What's This? ]

Powered byEMF Web Form