Friday, 29 July 2011

Tutorial Mengganti Favicon Blog


Favicon, mungkin beberapa sobat blogger tau apa itu favicon :) favicon adalah sebuah icon yang berada disebelah kiri tab suatu website, seperti gambar favicon saya ini   http://www.imageboo.com/files/wmil2ovp8mmk1y9155j1.ico kecil bukan ? tapi ini termasuk icon yang membercantik blog sobat juga looh :) 
saya akan sedikit menjelaskan tutorial merubah favicon blogger / web sobat.
ikuti langkah-langkahnya ya ! 

1. Siapkan gambar favicon yang sobat ingin kan
2. pergi ke http://www.favicon.cc/ disana sobat bisa mengcustomize favicon yang sobat inginkan atau pun yang ingin sobat upload.
3. apabila sobat ingin menggunakan gambar, klik " import image " 
4. setelah itu, akan keluar gambar sobat yang terpecah menjadi kotak-kotak
5. klik "download favicon" (dibawah "preview")

nah sekarang, sobat telah mempunya sebuah favicon dan tinggal memasukanya ke blog/website
dan ini tutorial bagaimana caranya untuk memasukan ke website 
1. upload favicon sobat di http://www.imageboo.com/
2. klik " browse " - isikan capthca - lalu klik "start upload !"
3. setelah itu, pilih & copy tab paling bawah disebelah kirim tulisan "direct"

=====================================
sobat sudah mempunya favicon dan tinggal edit di html template blog sobat.

tutorial :
1. pergi ke dashboard blog 
2. klik "design" 
3. klik "edit htm" (disebelah page element)
4. disana sobat tekan (CTRL + F)
lalu mencopy paste kode berikut 

" <link href= " (tanpa tanda kutip)

setelah itu, sobat ganti favicon yang ada di dalam ' blablabla.jpg/png/gif dll ' dengan mencopy paste link yang ada di imageboo tadi 
contoh image boonya linknya 
http://www.imageboo.com/files/wmil2ovp8mmk1y9155j1.ico

maka akan menjadi 

<link href='http://www.imageboo.com/files/wmil2ovp8mmk1y9155j1.ico' rel='shortcut icon'/>

langkah terakhir klik "Preview" lalu coba lihat, apakah favicon berubah.
apabila sudah berubah sobat tinggal mengklik "save"

selamat mencoba !

1 comments:

Andi said...

napa ribet ribet masukin kode? tinggal masuk ke Rancangan > Elemen Halaman > Edit favicon (fitur baru dari blogger :)

Post a Comment