Favicon Instan Untuk Blog

Jumat, 29 Oktober 2010

Favicon adalah sebuah icon yang tampil sebelum url address dari sebuah website pada layar browser anda. Icon ini sangat efektif untuk memberikan ciri dari sebuah blog / website yang biasanya berkaitan dengan content sebuah blog / website tersebut, sehingga blog / website tersebut akan terlihat lebih profesional dan tentu memiliki keunikan tersendiri.

seperti pada ilustrasi berikut ini

Banyak sudah tutorial blog yang menjelaskan cara memasang favicon ini. Walau demikian saya tetap akan mencoba sharing cara tersebut TETAPI tips yang akan saya jelaskan ini adalah bagaimana memanfaatkan icon-icon yang sudah ada pada sebuah website yang khusus menyediakan icon-icon tersebut seperti di www.iconarchive.com
Langkah-langkahnya adalah sebagai berikut :
1. Buka browser anda menuju ke www.iconarchive.com

2. Silahkan anda cari icon berdasarkan kategori yang ada. Misalnya : “ Halloween icons ”

akan muncul tampilan berikut ini

3. Klik salah satu icon Halloween pada bagian gambar tersebut, akan kembali tampil dengan jumlah icon yang tersedia (19 icon)

4. Klik pada icon yang akan digunakan, misalnya : “ Tounge icon “
5. Akan muncul tampilan berikut ini pada browser anda, Klik pada ukuran icon yang akan digunakan misalnya : 32x32 pixel

6. Icon akan tampil pada satu halaman browser penuh, Silahkan anda copy URL nya

7. Login pada blogger anda pada Dashboard klik Rancangan – Edit HTML, klik option Expand template widget
Cari kode ini :
<link href='URL DARI ICON YANG ADA' rel='shortcut icon'/>
Biasanya Kode diatas diletakkan setelah ]]></b:skin>dan sebelum </head>

8. Silahkan anda ganti / Paste-kan dari langkah 6 diatas pada bagian kode yang berwarna MERAH diatas dari URL ICON standar blog anda.

9. Simpan Template – Lihat / Refresh blog anda.

Catattan :
Gunakan browser Mozilla Firefox untuk melihat hasilnya.