Tuesday 8 December 2009

Mengubah Icon Blog Pada Tab Web browser (favicon)



Favicon merupan icon yang dapat berupa gambar, photo dengan ukuran kecil umumnya 16x16 pixels yang akan terlihat ketika blog kita dibuka di web browser seperti mozilla, opera, safari, dll. Untuk lebih jelasnya lihat gambar disamping.
Untuk keadaan standar, blog yang dibuat menggunakan blogspot menampilkan logo blogger sebagai favicon. Sedangkan untuk di wordpress dengan logo "w" milik mereka. Mengubah favicon pada blog selain akan membuat kesan unik juga bertujuan untuk mendeskripsikan tentang blog yang kita punya. Untuk itu perlu untuk sedikit merubah favicon pada blog kita.
Untuk mengubah favicon menjadi gambar atau foto yang kita inginkan, pada blogspot adalah sebagai berikut langkah-langkahnya :
1. Buat gambar icon yang akan anda buat. Simpan dengan format image (jpg,jpeg,png,gif) ukuran 16 X 16 pixels.
2. Kemudian upload file image tersebut ke penyimpanan online -> saya gunakan imageshack.us
3 Setelah itu login ke akun blogspot anda, masuk ke Layout kemudian edit html
4. Temukan kode dibawah ini di html => gunakan find (ctrl+f) untuk memudahkan.
b:skin
5. Kemudian isikan kode dibawah ini diantara b:skin dan head
"<"link" href"="URL Logo atau Foto kamu" rel="shortcut icon" type="image/x-icon"/>"


6.Coba preview tampilan blog kamu, setelah itu save template.
7. Maka favicon kamu akan berubah sesuai dengan yang kamu inginkan...

====================================================================
kurangin tidur banyakin ngopi :-)

3 comments:

  1. untuk kode diatas ada sedikit kesalahan berikut ini adalah yang benar hilangkan (") diawal dan diakhir, serta "link" href " = link href

    terimakasih...

    ReplyDelete
  2. unuk wordpress gimana caranya..?

    ReplyDelete
  3. untuk wordpress... anda dapat lihat di link blog berikut ini...

    http://bel4j4r.wordpress.com/2009/03/16/memasang-favicon-di-blog-wordpress/#comment-410

    maaf di loncat2in...hehehe

    ReplyDelete