Powered by Blogger.

Tuesday, 3 April 2012

Merubah Logo Blog Dalam Bentuk Format File Favicon





Sebelum membuat favicon, kita harus mengetahui favicon itu apa??


      Favicon adalah icon utama yang muncul pada address bar suatu website dan merupakan logo dari  website tersebut , Juga dikenal sebagai shortcut icon, Web site icon, URL icon, or bookmark icon .

1. Cara Upload Gambar Untuk Dijadikan Bentuk Favicon

Hal pertama yang hasrus dilakukan adalah menyiapkan sebuah gambar, logo yang berformat format gif, jpg, atau png. Kalau ingin membuat logo, silakan bacanya disini.


Selanjutya gambar atau logo tersebut harus di convert ke bentuk favicon.ico supaya bisa dijadikan favicon nantinya. Caranya;


  • Setelah gambar atau logo sudah di dapatkan, klik Upload. Dan Tunggu beberapa detik karena proses konversi sedang berlangsung.
  • Kalau proses konversi sudah selesai, kalian harus mendownloadnya. Lihat gambar dibawah ini. Untuk melihat contoh hasilnya, lihat lingkaran merah. Selanjutnya Klik Download favicon (lingkaran biru).
  • Adapun hasil downloatan akan berbentuk seperti ini
Ok. kalian sudah punya gambar dengan format favicon.ico. Sekarang gambar itu harus disimpan di tempat penyimpanan file, seperti geocities.com. Ikuti cara nya dibawah ini;

2. Cara mengupload gambar ke geocities

  • Klik disini untuk menuju site geocities. Silakan daftar (sign in) dengan Yahoo ID kalian.
  • Kalau sudah sign ini, maka akan muncul gambar in. Klik Manage.

  • Klik Easy Upload

  • Klik Browse untuk memasukan gambar atau logo yang tadi sudah di konversi dan klik Uplaoad files.

  • Klik File Manager

  • Pada tulisan View, klik kanan dan Pilih Copy Link Location dan simpan di Notepad atau window. Ingat yang di pilih file yang bertuliskan favicon.ico (gambar dibawah hanya ilustrasi)


  • Hasil copy tadi seperti ini.
http://www.geocities.com/edi_makemoney/favicon.ico
Sampai disini kalian sudah punya alamat dari file favicon.ico nya. langkah selanjutnya adalah merubah kode tsb menjadi seperti ini;

<link href=' http://www.geocities.com/edi_makemoney/favicon.ico ' rel='shortcut icon'/>

3. Memasukan kode di atas ke blogspot

  • Log in ke blogger
  • klik Layouts di menu dashboard
  • Klik Edit HTML
  • Cari kode ini </head>
  • Letakan kode beikut ini dibawah kode </head>
<link href=' http://www.geocities.com/edi_makemoney/favicon.ico ' rel='shortcut icon'/>
  • Ganti tulisan merah dengan kode kalian sendiri.
  • Klik Save Template dan lihat hasilnya

Gimana sudah ada kan kode favicon nya.

good luck ☺☺


No comments:

Post a Comment

Berilah Komentar, kritik atau saran ..
itu akan lebih berguna untuk kami :D
dan pastinya akan di tanggapi jika ada yang di tanyakan ☺☺☺
Follow >> @aboy_212