Cara Membuat Favicon
2:07 AM | 
Diposkan oleh
WIDYA SMART
Favicon adalah icon yang terdapat pada address bar atau tab bar pada web browser,Icon tersebut juga berguna untuk memperjelas isi dari web tersebut.
Cara membuat Favicon cukup mudah, ada 2 cara untuk membuatnya :
Cara Pertama :
Buat/edit ukuran gambar menjadi 32x32 pixel menggunakan photoshop simpan dengan format gif, jpg, png, dan bmp (pilih salah satu) Tapi sangat disarankan format yang dipilih png, Supaya latar dari gambar tersebut tidak terlihat di favicon.
Kemudian buka http://tools.dynamicdrive.com/favicon/ . Untuk mengetahui cara merubah file png / jpg / bmp / gif ke formal ico KLIK DI SINI
Upload/simpan icon tersebut di alamat penyimpanan online bisa di www.geocities.com
Sekarang saya asumsikan bahwa anda sudah mempunyai alamat URL dari favicon anda. sebagai contoh, saya mempunyai sebuah alamat URL seperti ini :
http://www.geocities.com/siswa_sfc/kemayoran.ico
Ganti URL yang berwarna hijau dengan URL Favicon yang telah anda buat,Lihat contoh dibawah ini :
<link href='http://www.geocities.com/siswa_sfc/kemayoran.ico'rel='shortcut icon'/>
Langkah selanjutnya adalah silahkan login ke blogger dengan ID anda.
Klik pada Tata Letak.
Klik Edit HTML.
Cari Kode (dengan cara lihat browser sebagai contoh mozilla cari edit pilih find lalu lihat paling bawah browsing) masukan Kode ini <head> kemudian paste kode favicon yang telah anda ubah tadi dibawah kode <head> atau di atas kode <b:skin>
Contoh
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<link href='http://www.geocities.com/siswa_sfc/kemayoran.ico' rel='shortcut icon'/>
<b:skin>
Jangan lupa untuk mengganti yang berwarna hijau dengan favicon anda, jika tidak wah ... kacau nantinya he...he...
Simpan ....
Lihat Blog untuk mengetahui hasilnya
Cara Kedua :
Menggunakan fasilitas photobucket.com (Mudah dan Cepat) kenapa ??????? kerena tidak perlu merubah file png /jpg / bmp / gif ke format icon !!!!!! Mo tau caranya ikuti ya .....
Buka di sini untuk tutorial cara daftar di photobucket.com caranya mudah dan cepat !!!!
Jika sudah daftar upload file (rubah dulu ukurannya menjadi 32x32 pixel)dan catat urlnya
Cari Format ]]></b:skin>
Lalu paste kode HTML ini:
<link href='http://i780.photobucket.com/albums/yy85/illtorro/LOGO-TKJ2-1.png' rel='SHORTCUT ICON'/>
Formatnya:
]]></b:skin>
<link href='http://i780.photobucket.com/albums/yy85/illtorro/LOGO-TKJ2-1.png' rel='SHORTCUT ICON'/>
Kode HTML yang berwarna BIRU Anda ganti dengan kode HTML icon milik Anda. Ukuran icon 32 x 32 pixel, bisa format apa saja: GIF (gambar animasi) atau PNG (gambar icon non animasi) atau bisa dengan format lain. Anda bisa upload icon atau gambar Anda di photobucket.com lalu edit image saja di sana, Daftar Gratis.
Simpan ....
Lihat Blog untuk mengetahui hasilnya
Cara membuat Favicon cukup mudah, ada 2 cara untuk membuatnya :
Cara Pertama :
Buat/edit ukuran gambar menjadi 32x32 pixel menggunakan photoshop simpan dengan format gif, jpg, png, dan bmp (pilih salah satu) Tapi sangat disarankan format yang dipilih png, Supaya latar dari gambar tersebut tidak terlihat di favicon.
Kemudian buka http://tools.dynamicdrive.com/favicon/ . Untuk mengetahui cara merubah file png / jpg / bmp / gif ke formal ico KLIK DI SINI
Upload/simpan icon tersebut di alamat penyimpanan online bisa di www.geocities.com
Sekarang saya asumsikan bahwa anda sudah mempunyai alamat URL dari favicon anda. sebagai contoh, saya mempunyai sebuah alamat URL seperti ini :
http://www.geocities.com/siswa_sfc/kemayoran.ico
Ganti URL yang berwarna hijau dengan URL Favicon yang telah anda buat,Lihat contoh dibawah ini :
<link href='http://www.geocities.com/siswa_sfc/kemayoran.ico'rel='shortcut icon'/>
Langkah selanjutnya adalah silahkan login ke blogger dengan ID anda.
Klik pada Tata Letak.
Klik Edit HTML.
Cari Kode (dengan cara lihat browser sebagai contoh mozilla cari edit pilih find lalu lihat paling bawah browsing) masukan Kode ini <head> kemudian paste kode favicon yang telah anda ubah tadi dibawah kode <head> atau di atas kode <b:skin>
Contoh
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<link href='http://www.geocities.com/siswa_sfc/kemayoran.ico' rel='shortcut icon'/>
<b:skin>
Jangan lupa untuk mengganti yang berwarna hijau dengan favicon anda, jika tidak wah ... kacau nantinya he...he...
Simpan ....
Lihat Blog untuk mengetahui hasilnya
Cara Kedua :
Menggunakan fasilitas photobucket.com (Mudah dan Cepat) kenapa ??????? kerena tidak perlu merubah file png /jpg / bmp / gif ke format icon !!!!!! Mo tau caranya ikuti ya .....
Buka di sini untuk tutorial cara daftar di photobucket.com caranya mudah dan cepat !!!!
Jika sudah daftar upload file (rubah dulu ukurannya menjadi 32x32 pixel)dan catat urlnya
Cari Format ]]></b:skin>
Lalu paste kode HTML ini:
<link href='http://i780.photobucket.com/albums/yy85/illtorro/LOGO-TKJ2-1.png' rel='SHORTCUT ICON'/>
Formatnya:
]]></b:skin>
<link href='http://i780.photobucket.com/albums/yy85/illtorro/LOGO-TKJ2-1.png' rel='SHORTCUT ICON'/>
Kode HTML yang berwarna BIRU Anda ganti dengan kode HTML icon milik Anda. Ukuran icon 32 x 32 pixel, bisa format apa saja: GIF (gambar animasi) atau PNG (gambar icon non animasi) atau bisa dengan format lain. Anda bisa upload icon atau gambar Anda di photobucket.com lalu edit image saja di sana, Daftar Gratis.
Simpan ....
Lihat Blog untuk mengetahui hasilnya
SELAMAT MENCOBA
- Pengertian Domain
- Cara Membuat Tulisan/Text di Address Bar Blog
- Cara Menulis Kode HTML/Javascript di Posting
- Cara Membuat Langgan Email di Feedburner
- Cara Membuat Favicon
- Cara Merubah Format File JPG/BMP/GIF/PNG Menjadi Favicon
- Cara Membuat Link Download
- Perbedaan Bandwidth Dengan Throughput
- Cara Menghemat Paket Bandwidth
- Pengertian Bandwidth
- Pengertian Hosting Dan Bahasa Program
Label:
