Cara Membuat Favicon Blogger

Apa itu Favicon?

Favicon adalah gambar berukuran kecil sekitar 16x16 pixel yang terlihat pada pojok kiri browser ketika kita sedang menjelah online ke sebuah situs tertentu. Favicon merupakan simbol penanda bagi suatu situs. Bagi sobat blogger wajib menggunakan favicon, karena sebagai penanda blog dan juga menambah nilai estetik blog sobat. Alasannya sangat jelas, situs besar semua pasti menggunakan favicon, seperti facebook, youtube bahkan mbah google sendiri.

Secara default untuk blog dengan platform blogger sendiri, gambar faviconnya adalah huruf dengan gambar "B" dan untuk platform wordpress adalah gambar huruf "W", untuk lebih mudahnya berikut adalah contoh favicon untuk Dewa Inside Blog:

Cara Membuat Favicon Blogger

Terlihat favicon untuk blogger adalah gambar huruf "B" dengan latar orange dan untuk Dewa Inside Blog sendiri adalah gambar huruf simpel DI dengan latar biru muda.

Bagaimana cara membuat favicon blog?

Cara membuat favicon blog adalah dengan membuat gambar icon berukuran 16x16 px dengan menggunakan program seperti photoshop, corel draw ataupun paint. Formatnya tentu format gambar bisa berupa favicon.jpg, favicon.png ataupun favicon.ico. Cara paling mudah membuat favicon adalah dengan mencari gambar pada mesin pencari seperti google sesuai dengan kata kunci yang kamu inginkan, lalu diperkecil resize sesuai dengan ukuran favicon.

Tapi bila Anda memiliki uang lebih dan memang menunjang bagi situs bisnis, tidak masalah untuk menyewa ahli web desain untuk membuat logo ataupun banner tentang situs bisnis Anda yang biasanya sepaket.

#UPDATE!
Favicon Blogger sekarang dapat dengan mudah di upload pada Tata Letak ---> Edit favicon dan upload file favicon.jpg atau format lainnya dan Simpan.
Cara Membuat Favicon Blogger

Membuat dan Upload Favicon Blog Eksternal (OLD)

Cukup dibaca tapi jangan di ikuti cara lama dibawah :
Langkah 1. Yang harus Anda punyai adalah Gambar. Bagi Anda yang menguasai software design grafis, Anda bisa membuat sebuah logo sendiri dengan Adobe Photoshop, Illustrator, CorelDraw, atau software yang Anda kuasai. Lalu ekspor ke .jpeg. Karena nantinya gambar Anda akan di setting ukuran dan formatnya dalam .ico dan .gif. Jika Anda tidak menguasai software grafis, anda bisa mencari gambar pada search engine atau foto yang ada di harddisk Anda.

Langkah 2. Lalu upload file tersebut ke website http://www.html-kit.com/favicon/ --> Browse --> Generate favicon.ico


Cara Membuat Favicon Blogger

Langkah 3. Anda edit dengan memasukkan Nama Blog


Cara Membuat Favicon Blogger


Langkah 4. Download favicon
Cara Membuat Favicon Blogger

Langkah 5. Extract file .zip lalu Anda Upload "favicon.ico" dan "animated_favicon1.gif" ke file hosting gratis seperti : www.ripway.com, www.photobucket.com, dll

Langkah 6. Sekarang, login ke Blogger. Pilih Tema ---> Edit HTML.

Copy kode dibawah ini dan Paste diatas kode 
</head>
<link href='http://h1.ripway.com/didla08/favicon.ico' rel='shortcut icon' type='image/x-icon'/>
<link href='http://h1.ripway.com/didla08/animated_favicon1.gif' rel='icon' type='image/gif'/><title><data:blog.pageTitle/></title>
Note:
Tulisan yang berwarna MERAH Anda ganti dengan alamat URL tempat Anda menyimpan file favicon Anda.

Langkah 7. Simpan Tema --> lihat blog Anda, kalau belum muncul, delete cache browsing history dari peramban kamu dan Refresh browser.

Selesai..

8 komentar:

  1. kok gak bisa gmana nich bang ??????
    icon nya gak ganti .. tetep huruf B :(

    BalasHapus
  2. @yog3 :bisa koq, buktinya saja icon saya terganti dengan huruf "D" kan?
    mungkin ada yang salah. coba di refresh dulu browsernya.

    BalasHapus
  3. @Manz Dasilva : Ok gan sama - sama.

    BalasHapus
  4. ini dia yang saya cari2. makasih gan....

    BalasHapus
    Balasan
    1. Sama2 gan..
      Tapi sekarang lebih mudah, Favicon sudah bisa langsung dimasukkan melalui Layout.

      Hapus
  5. goood post mampir yah ke www.setiawinny.blogspot.com

    BalasHapus

Setiap komentar sangat dihargai, namun karena keterbatasan waktu tidak dapat online setiap saat untuk me-reply komentar setiap orang. Komentar Spam (link aktif, o*at, p*rn*, j*di, dan sejenisnya) akan dimoderasi. Terima kasih atas perhatiannya dan Berkunjung kembali :)