rss

Senin, 18 Januari 2010

Membuat Icon Address bar di blog

Saat kita membuat blog atau web, biasanya pada adress bar akan muncul gambar kecil (favicon) dengan bentuk default seperti gambar dibawah ini.

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. Gunakan favicon generator dibawah ini untuk merubah file jambar anda menjadi icon.


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



atau jika favicon tidak berubah coba gunakan code dibawah ini



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.

0 komentar:


Posting Komentar

 

Pengikut

Ganti Bahasa

Google Translate
Arabic Korean Japanese Chinese Simplified Russian Portuguese
English French German Spain Italian Dutch

Blog ini munurutmu???