Senin, 19 Oktober 2009

Membuat Icon Addressbar Dengan Favicon Generator



Baik blogspot, joomla, wordpress, drupal, dan cms yang lainnya pun rata-rata selalu menampilkan icon yang seperti itu. Dan apabila blog atau webkita ingin terlihat lebih professional maka tentunya icon itu pasti lebih bagus jika diganti dengan logo milik kita sendiri. Favicon sebenarnya tidak harus berformat ico, akan tetapi apabila menggunakan file seperti gif, jpeg, png maka biasanya itu akan menjadi beban suatu web karena kapasitasnya yang besar. Nah untuk itu disini saya telah membuat favicon generator yaitu tempat membuat icon dengan mudah dan cepat sehingga ukuran jambar kita akan diperkecil dan merubah ekstensinya menjadi ico.Berikut cara mengganti favicon beserta cara membuat iconnya sendiri.

1. Pilih gambar yang nantinya akan kita jadikan favicon

2. Apabila kurang puas dengan favicon generator yang saya buat silahkan kunjungi dua website
dibawah ini
www.prodraw.net
www.favicongenerator.com


3. Setelah mendapatkan file favicon.ico sekarang kita menuju ke tempat hosting yang anda
miliki. Apabila belum mempunyai tepat hosting saya sarankan untuk signup terlebih dahulu

ke http://www.ripway.com/

4. Upload file favicon.ico yang telah kita buat tadi lalu dapatkan alamat URL-nya.

contoh:
http://h1.ripway.com/ebenk789/photo/favicon.ico

5. Alamat URL telah kita dapat langsung pasang ke web atau blog kita. Untuk blogger gunakan
cara berikut:

masuk ke “Layout –> Edit HTML” trus tempatkan script berikut sebelum kode


masuk ke “Layout –> Edit HTML” trus tempatkan script berikut sebelum kode

http://h1.ripway.com/ebenk789/photo/favicon.ico‘ rel=’SHORTCUT ICON’/>

atau jika favicon tidak berubah coba gunakan code dibawah ini

http://h1.ripway.com/ebenk789/photo/favicon.ico‘ rel=’icon’ type=’image/vnd.microsoft.icon’/>




Jangan lupa ganti alamat url yang saya tulis denga huruf tebal dengan url favicon yang telah anda upload. Untuk joomla, wordpress, atau drupal kita hanya harus menimpah file favicon.ico dengan file favicon.ico yang telah kita buat tadi.

Ok simple, sederhana namun semoga dapat bermanfaat bagi anda.

http://ebenk789.co.cc/2009/08/membuat-icon-addressbar-dengan-favicon-2.html

Tidak ada komentar:

Posting Komentar