Monday, April 11, 2011

Cara Membuat dan Mengganti Favicon di Blog

Pada kesempatan kali kita akan mempelajari cara membuat dan mengganti favicon di blog. Favicon adalah sebuah icon, logo, atau gambar kecil yang muncul pada menu tab browser dan juga terletak di sebelah kiri address bar browser tertentu. Favicon ini muncul pada browser Opera dan Mozilla Firefox, Konqueror, Safari, Google Chrome, dll, serta tidak untuk Internet Explorer versi 6 ke bawah.

Format file favicon biasanya berupa file dengan ekstensi ico, namun sebenarnya gambar dengan format gif, jpg, png pun bisa digunakan sebagai favicon di blog.

Fungsi utama favicon adalah sebagai suatu logo dari website, situs, atau blog. Bahkan tak jarang sebuah website atau blog terkenal lantaran memiliki favicon yang unik sebagai indentitas yang unik dari milyaran website yang ada di jagad maya.
Diambil dari Prigad.com
Saya rasa Anda sudah mengerti dan tidak perlu lagi menggunakan demo, dari gambar di atas saja sobat bisa sudah menebaknya kan.

Untuk membuat dan menggantinya Anda dapat mengikuti tutorial berikut di bawah ini:

Membuat Favicon
Pertama anda persiapkan terlebih dahulu gambar untuk favicon blog anda. Favicon dapat berupa .ico atau .gif. Jika belum memilikinya, langsung saja klik http://www.html-kit.com/favicon/.
1. Kemudian klik tombol browse dan cari gambar dari komputer anda untuk dijadikan favicon.


2. Klik tombol Generate FavIcon.ico.
3. Klik link Download FavIcon Package.


4. Anda akan mendapatkan file beformat .zip, extract file .zip tersebut.
5. Upload favicon.ico atau animated_favicon1.gif ke image hosting anda.
    Mengganti Favicon di Address Bar Blog
    1. Login ke akun Blogger sobat.
    2. Masuk ke Rancangan > Edit HTML.
    3. Cari kode berikut ini (Gunakan Control + F):
     <b:include data='blog' name='all-head-content'/>
    4. Copy paste kode berikut ini di bawah kode tadi.
    <link href='url gambar.ico' rel='shortcut icon'/>
                                 atau
    <link href='url-gambar.gif' rel='icon' type='image/gif'/>
    5. Simpan templates.

    Setelah selesai melakukan pengeditan, sekarang lihat hasilnya. Jika anda melakukannya dengan benar, favicon ini akan tampil di address bar, sebelah kiri URL blog anda.

    Untuk cara memasang favicon di blog selain blogspot juga bisa menggunakan kode di atas. Tetapi pengeditan HTML-nya mungkin sedikit berbeda.

    Selamat mencoba!

    Referensi : tutorial blogging

      0 comments:

      Post a Comment