Tutorial Blogspot


TUTORIAL TRAFFIC


Enter your email address:

Delivered by FeedBurner

Cara Membuat Favicon

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

SELAMAT MENCOBA

2 komentar:

Muhammad Ichwan Maulana mengatakan...

tq om .. lagi dalam proses nih ...

Muhammad Ichwan Maulana mengatakan...

thanx om nih hasilnya

http://maubangetmauaja.blogspot.com/

Posting Komentar