Membuat Icon Addressbar Dengan Favicon Generator

admin | Aug 05, 2009 | 10 comments

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 </head>

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

atau jika favicon tidak berubah coba gunakan code dibawah ini

<link href=’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.

Mungkin anda Suka

Filed Under: Blogger • Generator • Javascript

About the Author

Mempunyai misi untuk memerangi kebodohan dan ketidaktahuan akan informasi serta menjunjung tinggi azas kebebasan berpendapat dengan harapan semua orang bisa mendapatkan pengetahuan dan informasi secara gratis atau murah.

Comments (10)

Trackback URL | Comments RSS Feed

  1. tito says:
    August 7, 2009 at 9:30 am

    info yang menarik sob, tetap semangat! :D

    Reply
  2. NURA says:
    August 8, 2009 at 6:48 am

    salam sobat,,trims infonya,
    ,saya bisa coba nich mengganti favicon dan membuat sendiri icon,,
    ya semoga berhasil.

    Reply
  3. torik says:
    August 9, 2009 at 12:06 pm

    wah rumah baru toh mas… mantep deh..

    Reply
  4. Oca says:
    August 10, 2009 at 12:20 pm

    akhirnya..daku bisa juga mampir kemari. kemarin-kemarin kok susah yah? maksih yah dah mampir ke rumah ku. salam hangat dariku. sering-seringlah berkunjung*ngarep*. postingannya sungguh menarik, mau di coba tapi kok kompinya lelet banget*curcol* tak coba lagi aja deh…

    Reply
  5. stroevanka says:
    August 12, 2009 at 9:27 am

    waw mai masuk ja lowadingna lama bgd,,,, but blogna keren abis,,,,, mau dumzz di ajarin bikin layout blog

    Reply
  6. Vyan RH says:
    August 12, 2009 at 11:19 am

    Hallo, bro.
    Pada free wordpress.com. Tidak dapat memasukkan linknya, ada saran lainnya? please.
    Thx infonya.

    Reply
  7. dedi says:
    August 19, 2009 at 5:53 pm

    Bagaimana memunculkan favicon pada situs drupal ?

    Reply
  8. trik & cara ngeblog di blogspot says:
    January 11, 2010 at 10:46 pm

    siippp

    Reply
  9. Blinkers says:
    January 16, 2010 at 1:09 pm

    wah..saya sudah coba tapi ga bisa…apa yang salah ya?
    saya domain blogspot.com…

    Reply
  10. Cindra Nugraha says:
    January 28, 2010 at 6:31 am

    Mo nanya nih Gan…
    ada gk selain http://www.rifway.com buat nyimpen file favicon.ico?
    Soalnya sy gk bisa sign up mulu…
    thks.

    Reply

Leave a Reply




If you want a picture to show with your comment, go get a Gravatar.

CAPTCHA image