Membuat Favicon

Buat para Blogger baru nama favicon pasti begitu asing di telinga. Sebenarnya yang namanya favicon itu letaknya tidak jauh dari addres bar atau judul halaman sebuah blog. Tepat di sebelah kiri tulisan halaman url letaknya. Seperti ini contohnya :

Sekarang sobat sudah bisa membayangkan akan membuat favicon seperti apa untuk Blog sobat. Sobat bisa merancang sendiri lewat Photoshop atau kalau tidak mau repot bisa mendownload gambar disini atau disini bisa juga di google atau dimana saja.

I. Bagaimana caranya membuat favicon nya? Untuk membuatnya, sobat harus punya gambar yang akan dipakai untuk membuat faviconnya. Jika sudah punya, simak baik - baik caranya berikut ini. I. Buka browser sobat dan arahkan ke alamat www.genfavicon.com

1. klik Browse dan cari gambarnya di komputer sobat. Kemudian klik Upload Image

1. 
   

1. 2. Atur sendiri gambarnya, tarik kotak view sampai penuh (besar).

1. 
   

3. Klik ukuran yang sobat inginkan kemudian Klik Capture & Preview. Pilih ukuran yang paling kecil saja.

4. Selanjutnya klik Download: jpg dan simpan gambarnya di komputer sobat.

5.langkah selanjutnya adalah sobat harus mengupload gambar tersebut ke tempat penyimpanan online, contoh adalah ke Photobucket.

6.Sekarang anggap saja sobat sudah menyimpan gambar sobat di tempat penyimpanan online, seperti ini contoh gambar yang telah saya simpan di google sites :

http://sites.google.com/site/dodyfarial/image/RSS-Blue.png

jika kalian tidak ingin susah payah membuat favicon seperti diatas, kalian bisa langsung mencari icon yang kalian suka di photobucket.

Setelah kalian mencari icon yang kalian suka, lalu kalian bisa copy Direct Link nya! seperti ini:

http://sites.google.com/site/dodyfarial/image/RSS-Blue.png




II. Buka Blogger, masuk menggunakan ID sobat.

1. Pilih Tata Letak.

2. Klik Edit HTML.

3. Pada halaman HTML, sobat harus mengganti tulisan yang saya bold dengan alamat url favicon sobat yang telah anda buat seperti yang diatas :

<link href='http://sites.google.com/site/dodyfarial/image/RSS-Blue.png' rel='shotcut icon'/>

4. Kemudian letakkan halaman url baru sobat diatas kode </head>

5. Kemudian Save Template, mudahkan?




SELAMAT MENCOBA!!

sumber: http://miscah.blogspot.com/