Nggak mau ketinggalan artikel baru Blogger-Holic? Subscribe Sekarang
Hot Categories: Blogger News | Hack | SEO | Tips | Tutorial | more

Favicon, Kecil tapi Tidak Kecil Guna

10.9.11 | 24 comments

Tahukah kamu apa itu Favicon? Kalo menurut Om Wiki sih Favicon itu:

Favicon, Kecil tapi Tidak Kecil GunaFavicon (kependekan dari Favourites Icon), yang juga dikenal sebagai shortcut icon, Web site icon, URL icon, atau bookmark icon, adalah sebuah 1 atau lebih gambar icon, yang biasanya berukuran 16*16 pixel, yang berhubungan dengan website atau webpage tertentu. Seorang web desingner bisa membuat favicon dan memasangnya ke dalam sebuah website untuk beberapa tujuan dan web browser grafis kemudian memanfaatkan kegunaannya.

Web browser yang menyediakan favicon biasanya menampilkan favicon sebuah halaman web di address bar browser dan di sebelah halaman web pada daftar bookmark web. Browser yang menyediakan favicon mendukung interface dengan tab2 biasanya menampilkan favicon di sebelah judul halaman web di tab dan site-specific browser menggunakannya sebagai icon desktopnya.

Favicon juga sangat berguna sebagai sebuah metode branding sebuah website atau blog sehingga website tersebut dapat lebih mudah dikenali dan diingat. Kalau kamu memakai browser yang mendukung Favicon, maka kamu akan melihat favicon Blogger-Holic, contohnya jika memakai browser Mozilla Firefox seperti ini:
Favicon, Kecil tapi Tidak Kecil Guna
Ya, bisa dibilang, Favicon, kecil tapi banyak gunanya :D

Bagaimana cara aktifin Favicon di Blogger??

Pertama-tama, siapkan gambar yang akan dijadikan favicon. Buat icon untuk favicon ini dengan gambar berukuran 16x16 pixel dan berekstensi .ico (format gambar untuk icon). Untuk membuatnya bisa menggunakan software editing gambar, seperti Adobe Photoshop, GIMP, dll.

Alternatif lebih mudahnya adalah dengan menggunakan online tools favicon generator, seperti FavIcon from Pics yang bisa membuat favicon dari berbagai resolusi gambar. Sedikit saran, untuk membuat sebuah favicon, gunakan gambar yang berukuran kotak/square, seperti ukuran 100x100, 64x64, atau 16x16. Setelah gambar tersedia, tinggal memasukkannya ke dalam blog.

Ada 2 cara, untuk memasang favicon kita ini ke dalam Blogger.

1. Cara pertama dengan sedikit memasukkan beberapa kode ke dalam template HTML blog.
Upload gambar favicon yang tadi telah dibuat. Gambar favicon juga bisa diunggah ke situs image hosting gratisan, seperti Picasa, Imageshack, atau Tinypic.
Jika favicon sudah diupload, di Blogger masuk ke Design > Edit HTML.

Cari </head>, lalu tambahkan kode ini di atasnya:


<link href='ALAMAT URL FAVICON.ico' rel='shortcut icon'/> <link href='ALAMAT URL FAVICON.ico' rel='icon'/>

Ganti teks yg berwarna merah dengan URL alamat gambar favicon kamu.
Save.

2. Dengan menggunakan fitur baru Blogger Favicon.
Setelah gambar favicon tersedia, masuk ke dalam Design > Page Elements.
Pada bagian Favicon, klik Edit. Nanti akan muncul window baru.
Di window baru tersebut, klik browse dan pilih gambar favicon yang akan dipakai. Gambar akan diupload dan akan muncul gambar favicon yang telah kita pilih tadi.
Save.

Hasilnya bisa dilihat ketika kamu mengakses blog. Favicon blog kamu akan berubah menjadi favicon yang tadi baru aja dimasukkin.


"Favicon udah saya upload, tapi kok favicon di blog ga berubah ya?"

Coba kamu Refresh browser kamu, biasanya dgn F5 atau CTRL+F5. Kalau ga berhasil juga, coba hapus file2 cache di browser kamu.

Ya seperti yg saya bilang, favicon kecil tapi engga kecil guna. Dengan favicon bisa meningkatkan identitas dan branding blog.

That's all.. semoga bermanfaat :)

24 comments:

  1. Kereeen masbro! Masih tetap semangat menulis toh! Semangat!!!

    Blog lo selalu jadi referensi spesial buat gw kalo lagi mau utak-atik blog hehe

    ReplyDelete
  2. salam kenal sukses selalu ni numpang blog ane gan

    http://joglo-web.blogspot.com/
    http://there-isweb.blogspot.com/
    http://herbal-web.blogspot.com/
    http://carmotorrunning.blogspot.com/

    ReplyDelete
  3. @7116754101007813706.0
    hahaha gw juga suka baca2 blog lo broo :D

    ReplyDelete
  4. mantaapppp....follback gan..di tunggu komentarnya

    ReplyDelete
  5. Nice post mas, pas ketiv favicon, keluar blog ini, sangat membantu banget buat blog saya

    ReplyDelete
  6. wahh saya baru tau dan akan saya coba gunakan,,terlebihnya saya ucapkan terimakasih,,
    salam jabat erat gan,,

    ReplyDelete
  7. This comment has been removed by the author.

    ReplyDelete
  8. kunjungi y
    rezaryuzaku.blogspot.com

    ReplyDelete
  9. waah makasih ya mas infonya .. maen maen / komment di blog ini ya kumpulan logo logo

    x-komodo

    ReplyDelete
  10. BURUAN BELANJA DI DINA SHOP DAPATKAN HARGA PROMO AWAL TAHUN 2013 TERPERCAYA DI SELURU INDONESIA BEBAS RESIKO-BEBAS PENIPUA
    BERMINAT HUB-SMS:0896-919-86257 ATAU KLIK WEBSET RESMI KAMI http://Ddina-shop7.blogspot.com/
    BlackBerry>Samsung>Nokia>Apple>Acer>Dell>Nikon>DLL

    DIJUAL

    BLACKBERRY
    Asli Buatan Canada

    Ready Stock !
    BlackBerry 9380 Orlando - Black
    Rp.900.000,-

    Ready Stock !
    BlackBerry Curve 8520 Gemini
    Rp.500.000,-

    Ready Stock !
    BlackBerry Bold 9780 Onyx 2
    Rp.800.000,-

    Ready Stock !
    Blackberry Curve 9320
    Rp.700.000,-

    Ready Stock !
    BlackBerry Bold 9900 Dakota
    Rp.1.500.000,

    Ready Stock !
    Blackberry Torch 9800
    Rp.1.200.000,

    Ready Stock !
    Blackberry bellagio 9790
    Rp.1.100.000

    Ready Stock !
    BlackBerry Curve 9220 Davis
    Rp.650.000,-

    Ready Stock !
    BlackBerry Torch 2 9810 Jennings
    Rp. 1.350.000,-

    Ready Stock !
    BlackBerry Curve 9360 Apollo
    Rp.950.000,-

    Ready Stock !
    Blackberry Monza 9860
    Rp.1.400.000,-

    Ready Stock !
    Blackberry Keppler 9300 Curve 3G
    Rp.700.000,-


    SAMSUNG
    Asli Buatan Korea

    Ready Stock !
    Samsung L9100 Galaxy S2 - Black
    Rp. 1.000.000,-

    Ready Stock !
    Samsung Galaxy Tab 8.9, 16GB - Pure Whit
    Rp. 1.600.000,-

    Ready Stock !
    Samsung Galaxy Tab 7.7 Super AMOLED Plus
    Rp.1.500,000

    Ready Stock !
    Samsung Galaxy Note N7000 - Black
    Rp. 1.700.000

    Ready Stock !
    Samsung Galaxy Tab 2 (7.0)
    Rp. 1.000.000

    Ready Stock !
    Samsung Galaxy Nexus I9250 - Titanium Si
    Rp.1.500.000,-

    Ready Stock !
    Samsung Galaxy Note N7000 - Pink
    Rp.1.700.000

    Ready Stock !
    Samsung Galaxy Y S5360 GSM - Pure White
    Rp.500.000,-

    Ready Stock !
    Samsung Galaxy Tab 7.0 Plus
    Rp. 1.000.000.

    Ready Stock !
    P7100 Galaxy Tab 10.132GB
    Rp. 1.850.000,-

    Ready Stock !
    Samsung Galaxy Y i509 CDMA - Pure White
    Rp. 550.000,-

    Ready Stock !
    Samsung Galaxy Tab 7" plus ALL WHITE
    Rp.1.000.000

    Ready Stock !
    Samsung Galaxy Pocket GT-S5300 - Black
    Rp.500.000,-

    Ready Stock !
    Samsung Galaxy W i8150 - Soft Black
    Rp.800.000

    Ready Stock !
    Samsung Galaxy Ace GT S5830 - Onyx Bl
    Rp.750.000,-

    Ready Stock !
    Samsung Chat GT-C3222W Wifi – Dual GSM - Noble Black
    Rp.400.000,-

    ReplyDelete
  11. udah saya terapkan mas :D makasih ya :)

    ReplyDelete
  12. thnx gan, ijin sedot :D
    d tunggu kunjungan balik nya >> imooat.blogspot.com

    ReplyDelete
  13. Wah bagus nih...
    Buka blog ane yah gan
    Tejarwirayuda.blogspot.com


    ReplyDelete
  14. Ingin Mendapatkan Bonus Setiap Harinya, Nah Jangan Sampai Ketinggalan
    DaduPoker membagikan Bonus Turnover Setiap Hari loh ^^

    6 Permainan 1 Situs
    Poker | BandarQ | Capsa
    DominoQQ | BandarPoker
    AduQ

    DaduPoker Proses DP WD Super Cepat
    Minimal Depo Rp 20.000,-
    Minimal WD Rp 50.000,-

    Untuk Info Lebih Lanjut Kunjungi Langsung di goo.gl/PpRXxc
    BBM : 2BE2B4B7
    Salam Dadupoker - Agen Judi Poker & Domino Online Terpercaya

    ReplyDelete