Selasa, 07 Desember 2010

Mengubah Favicon

Posted by Hari Rustianto On 22.32 No comments

Apa itu Favicon? Favicon adalah sebuah icon, atau simbol yang menandakan itu adalah blog anda. Favicon akan terlihat pada tab tab browser. Favicon juga muncul di addres bar. Nah biasanya jika anda menggunakan blog di blogger, maka normalnya favicon anda akan menggunakan simbol blogger. Yaitu huruf B di dalam kotak orange bersudut lengkung. Nah anda bisa mengubahnya jika anda merasa tampilan favicon bawaan blogger tidak cukup mumpuni dan kurang keren. Anda bisa membuat file dalam format .jpg dulu, nanti baru di konvert ke .ico. nah jika anda sudah tidak sabar, inilah cara untuk mengubah favicon blog anda. Ikuti langkahnya satu satu, pastikan semua benar seperti langkah langkahnya, dan sebelumnya berdoalah terlebih dahulu agar lancar. Karena kita akan mengutak atik HTML kode. 1 huruf hilang, bisa acak acakan blog anda. Heee...tenang aja, semua sudah disediakan jalan untuk mencegah atau meminimalisir hal tersebut. Nih dah caranya...

1. Yang pertama anda harus sudah memiliki logo /icon untuk blog anda.

2. Convert gambar anda ke ext .ico. Anda bisa menggunakan jasa Favicon Generator disini.

3. Klik Browse

4. Cari gambar logo blog anda

5. Klik Generate Favicon

6. Tunggu sebentar, lalu Klik Click here to Download your Favicon!

7. Nah Save file ico anda.

8. Sekarang Upload file ico anda tadi ke webhosting. Cari saja yang gratisan. Sudah bisa kan. Oke lanjut. Apa?ada yang belum bisa? NIh baca aja disini. Cara Upload Photo di Photobucket.

9. Sekarang anda sudah memiliki alamat URL untuk file anda tadi.

10. Sekarang ganti menjadi <link rel="shortcut icon" href="ALAMAT_FILE_ANDA"/>

11. Selanjutnya langkah wajibnya... Log In ke Dashbor Blog anda.

12. Klik Rancangan

13. Klik Edit HTML.

14. Cari kode </head>. Jika bingung gunakan pencarian saja klik ctrl+f, masukkan kata yang akan anda cari.

15. Paste kode yang anda buat tadi diatas </head>. Jadi hasilnya seperti ini.

<link rel="shortcut icon" href="ALAMAT_FILE_ANDA"/>
</head>

16. Klik Simpan Template.

17. Selesai. lihat blog anda dan lihat di bagian tab / address browser anda. Bagaimana?

0 komentar:

Posting Komentar