Cara Membuat Favicon

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

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 di Internet.

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

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

    image
  3. Klik ukuran yang sobat inginkan kemudian Klik Capture & Preview. Pilih ukuran yang paling kecil saja. 
    image
  4. Selanjutnya klik Download: jpg dan simpan gambarnya di komputer sobat. 

    image
  5. Langkah selanjutnya adalah sobat harus mengupload gambar tersebut ke tempat penyimpanan online, contoh adalah ke Photobucket atau Google Sites.
  6. Sekarang anggap saja sobat sudah menyimpan gambar sobat di tempat penyimpanan online, seperti ini contoh gambar yang telah saya simpan di imageshack sites :

    http://img412.imageshack.us/img412/3662/kompintersempurna.gif
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 tandai dengan warna ungu dengan alamat url favicon sobat :

    <link href='http://img412.imageshack.us/img412/3662/kompintersempurna.gif' rel='shotcut icon'/>
  4. Kemudian letakkan halaman url baru sobat diatas kode </head>
  5. Kemudian Save Template, mudah kan.


Selamat mencoba !!

0 komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...
 
Read more: http://www.cahgogonity.co.cc/2011/02/cara-membuat-next-page-dengan-angka.html#ixzz1Pw9phXJy