Nuffy #1

January 1, 2011

Cara Meletak Favicon Pada Blog

bagun pagi2, bukak la laptop.. walaupun masih belum mandi, aku masih wangi seperti semalam.. hehe

ok, terlintas difikiran untuk google tips & trick pasal blog.. apa yang aku jumpa, cara2 untuk letak favicon pada blog kita..

favicon tu apa? favicon tu icon kecik yang ada pada sebelah URL blog kita.. tengok kat tab browser korang, ini contoh:


itu lah favicon.. hari ni aku nak tunjuk cara meletak icon pilihan sendiri pada favicon tuh.. bagi sape2 yang belum buat, icon korang adalah logo Blogger:



Langkah 1:

  • bukak blogger korang, pergi ke design > edit html
  • cari (ctrl + F) </head>

Langkah 2:

  • letakkan code di bawah sebelum </head>
 <link href='YOUR-FAVICON-URL' rel='shortcut icon'/>
<link href='YOUR-FAVICON-URL' rel='icon'/>
  • contoh:
<link href='YOUR-FAVICON-URL' rel='shortcut icon'/>
<link href='YOUR-FAVICON-URL' rel='icon'/>
</head>

Langkah 3:

  • pegi ke google images atau photobucket untuk mencari icon pilihan korang sendiri
  • pastikan imej korang tak terlalu besar dan bersaiz tepat
  • contoh: 50x50

Langkah 4:

  • kalau boleh korang preview dulu icon yang korang pilih
  • bukak imej pilihan korang di new tab:
  •  gambar tu dh nice, tak blur..

Langkah 5:

  • copy URL imej tersebut
  • gantikan YOUR-FAVICON-URL dengan URL imej pilihan korang
  • contoh:
 <link href='http://i23.photobucket.com/albums/b354/ScarMeLikeYouUsedTo/Cute/thmih0de.gif' rel='shortcut icon'/>
<link href='http://i23.photobucket.com/albums/b354/ScarMeLikeYouUsedTo/Cute/thmih0de.gif' rel='icon'/>

  • kemudian SAVE TEMPLATE

Hasilnya:



untuk lebih menarik, letak la imej yang bergerak macam blog aku punye ni.. tujuan untuk preview supaya imej yang bergerak nampak jelas..

kalau korang pilih imej yang agak besar, kemungkinan icon yang muncul nampak tak lawa..

selamat mencuba..! :D

0 comments:

Related Posts Plugin for WordPress, Blogger...