Jika kita membuka laman web biasanya kita boleh melihat satu ikon kecil yang terdapat disebelah url.Bagi laman blog biasa tertera dengan ikon huruf B.Ikon yang kecil ini dipanggil “favicon” .Jika hendak membuat sendiri favicon itu kita perlu membuatnya dalam saiz 32x32 piksel dalam format gif,bmp,jpeg,ico ataupun png.Kemudian upload imej tersebut ke photobucket.
Kemudian Masuk ke design-pilih edit HTML
Kemudian masukkan kod ini diantara kod <head> dan </head>
<link href='letak url imej disini' rel='shortcut icon' type='image/x-icon'/>
Untuk membuat icon dengan imej sendiri boleh juga gunakan laman web favicongenerator.com.Juga boleh lawati laman web iconj.com dan disitu juga terdapat favicon dalam bentuk animasi yang boleh pilih dan ambil kodnya untuk dimasukkan pada blog.
Jika menggunakan iconj :
Masuk kewebsite--kemudian pilih--animated favicon
pilih jenis favicon dan ambil html embed code and details..copy kod yang terdapat disitu.
kemudian kembali keblog ,masuk kedesign..pilih edit html
gunakan crtl+F untuk find dan taipkan </head> pada ruangan tersebut
setelah jumpa kod </head> dan pastekan kod favicon tersebut diatasnya.
Jika menggunakan iconj :
Masuk kewebsite--kemudian pilih--animated favicon
pilih jenis favicon dan ambil html embed code and details..copy kod yang terdapat disitu.
kemudian kembali keblog ,masuk kedesign..pilih edit html
gunakan crtl+F untuk find dan taipkan </head> pada ruangan tersebut
setelah jumpa kod </head> dan pastekan kod favicon tersebut diatasnya.
Update 22/02/2011:
kalau tidak muncul favicon mungkin sebab gunakan google chrome.Untuk google chrome guna kod ini:
<link rel="icon" type="image/gif" href="url imej anda">
kalau tidak muncul favicon mungkin sebab gunakan google chrome.Untuk google chrome guna kod ini:
<link rel="icon" type="image/gif" href="url imej anda">
Selamat mencuba….
Email This Post
Catat Ulasan
Letakkan komen anda disini.Segala komen adalah dihargai.Sila buat backup bila membuat perubahan pada template.Terima Kasih.
32 Comments:
thanks for the tips :)
terima kasih..dah lama nak belajar..
nanti nak cuba..hehhe~
tengs 4 da info ;)
yup thanks for the info.. lame da nk buat ni.. tqtq.. :) salam hujung minggu..!!
tak jadi laaa
camane ekkk?
@yanna
cuba letak sebelum </head>
nanti mau dicuba.kalau gagal lagi ntah lar aku mmg selalu gagal.
start xphm kt bhgn ni la?? bile nk edit HTML 2, then?
serius xphm part 2..leh tlg explain lebih?tq..
huhu..akhirnye dpt gak wat! thanks eh! :)
Terimakasih dengan informasinya... skarang menjadi tahu :) Peace
kena cuba nih... best best dah penat tengok lambang "B" ajer kat situ..
kuman "tulisan di langit.." Entry
testing.1..2..3..
im done with it! thx utk tutorial ni :)
tQ,, dAH berjaya masukkn favicon.. ngee
thanks for da tips
yezzaa...
jadi akhirnye..
huhu.. tq2..^^
alhamdulillah.. berjaya akhirnya... tima kacih x terhingga... senang nak faham awk ajar..
thanks! menjadi!(:
do visit my blog!
Thank's
dah cuba dan berjaya. tq. =)
terima kasih atas info favicon...maya paham dan alhamdulillah sekali buat dah menjadi...
tq so much...
dah try..
baru tau ni dinamakan favicon..
Isi Blog saya smuanya ngmbil dari Tips blog agan,
Thankzz Ilmunya. :)
tqvm utk tip..da dpat da lepas tmpal kod iconj.com kt atas head..tq
kalau nak letak .gif pun cara yang sama ke?
@Ceqla (KamarulAzri)caranya sama sahaja
salam,xmenjadi pun...apa pasal ye?
@Mama Qushimungkin ada salah pada kod...
Thanks~! teknikbuatblog is best~!
nk try gak..thanks for info..follow me k..im newbie.hohoh.
Saya banyak belajar drp blog anda. Terima kasih
http://www.zairedin.com/
Terima Kasih kerana berkongsi ilmu yang cukup berguna di blog ini..kalau sudi bolehlah follow saya di blog :http://www.komputerdanperisian.blogspot.com :D