Thursday 17 September 2009

Step by Step Membuat Favicon

Pagi!

Ini hari kedua saya dengan si bibilitik. Okay, Rencananya mau buat favicon buat blog ini. Untuk yang belum tau apa itu favicon. Sini, mari, saya akan coba jelaskan dipostingan kali ini. :D

Favicon adalah singkatan dari Favourite Icon, dikenal juga dengan nama Page Icon. Merupakan sebuah icon/logo kecil yang berada di samping alamat situs kamu. Fungsinya sebagai identitas dari si situs yang muncul pada toolbar browser dan akan terlihat jika seseorang masuk ke alamat situs kamu.



Lihat Logo B diatas, itu merupakan favicon bawaan dari Blogger. Nah, gimana cara untuk mengubahnya? Ikuti langkah-langkah berikut, brangcuts..

Step by Step Membuat Favicon
  • Siapkan image yang akan di jadikan sebagai favicon, format file favicon biasanya berekstensi .ico, namun kamu juga bisa gunakan ekstensi seperti .jpg, .gif atau .png.
Contoh:

  • Okay, setelah imagenya siap, kali ini saya akan mengubah ekstensinya menjadi .ico. Mudahnya gunakan Favicon Generator. Bisa diakses di www.favicongenerator.com
  • Ikuti step by step generate image yang ada di Favicon Generator.
Step 1. Pastikan Image yang akan dijadikan favicon memiliki dimensi persegi sempurna (misal. 100 pixel x 100 Pixels).

Step 2. Browse lokasi file image di PC kamu.

Step 3. Tekan tombol Generate Favicon!
Okay, favicon.ico pun sudah selesai dan berbentuk mini. Sekarang download favicon kamu >> Click Here to Download Your Favicon!

Step 4. Upload favicon.ico ke situs upload gambar gratis, misal di www.flickr.com >> Copy URL image favicon.ico
  • Masuk ke account Blogger >> pilih Lay out >> klik Edit HTML
  • Masukkan kode
<link href='URLfaviconKamu' rel='shortcut icon'/>

diatas kode

</head>

  • Klik Save Template
  • Voila, Jadi deh. ;)


Chesse Burger :p