Home » » Cara membuat favicons

Cara membuat favicons

Favicon adalah gambar mungil dia di awal suatu alamat web pada address bar. Favicon menjadi penanda atau identitas sebuah web. Sebenarnya blog yang dari blogger sudah mempunyai gambar favicon standar seperti ini nah... gimana kalo qt pengen menggantinya dengan gambar qt sendiri?. Bagaimana cara mengubahnya ??? Sebelumnya kita harus membuat favicon dengan favicon generator.
Baiklah inilah tutorial selengkapnya pembuatan dan cara memasang favicon di blog kita...mav kalo aq ngasih tutorialnya ribet bet….aq bukan ahlinya tutorial sob.
Untuk membuatnya sangat mudah,cukup copy kode di bawah ini :

<link rel="Shortcut Icon" href="[url_icon]" type="image/[format_icon]">

Contoh pemakaian kode:

<link href='http://1.bp.blogspot.com/_n7xseT2-HDU/Saz6WSR1ptI/AAAAAAAAANY/QA1vxRormlY/s200/Loggo-pelajaran-Blog.gif' rel='shotcut icon'/>


Anda cukup menempatkan kode diatas kode </head> pada halaman HTML anda.Untuk url yang berwarna hijau,anda rubah sendiri sesuai alamat url gambar yang ingin anda jadikan Favicon.
Untuk format file Favicon *.gif,*.jpg,*.png biasanya tidak muncul pada jendela browser Internet Explorer.

Lebih baik memakai object gambar berformat *.ico.

Anda bisa upload ico file pada situs-situs penyedia ico uploader atau pada postingan anda sendiri.
Lah ini doing mas!!??
Itu simpelnya dibawah ini detailnya…..ceileeeeeeee pakai bahasa detilnya segala


1. Pilihlah dulu gambar yang akan di jadikan sebagai favicon. (yg bagus..hehe)

2. Setelah itu anda harus mengubah gambar tersebut kedalam bentuk gambar icon. Anda bisa menggunakan tool Favicon Generator utuk mengubahnya, silahkan klik disini

3. Setelah masuk ditool Favicon Generator klik pada tombol Browse...

4. Masukan gambar yang sudah anda pilih untuk di ubah menjadi format icon

5. Klik pada tombol Generate Favicon ditunggu bentar..hehe

6. Setelah proses selesai, klik pada Click Here to Download your favicon.

7. Save ke komputer anda.

8. Langkah selanjutnya adalah anda harus meng-upload Favicon yang tadi ke tempat hosting gambar, contoh adalah ke imageshack atau bias anda upload di blog anda sendiri.

9. Sekarang anda sudah mempunyai alamat URL anda atau code html dari icon favicon . Sebagai contoh, saya mempunyai sebuah alamat URL yg aq upload diblog aq sendiri: (ini hanya contoh lho...)

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"href="http://4.bp.blogspot.com/_iMmYk7i376E/S3n-rWaDEZI/AAAAAAAAAIg/D6AY9moWRCU/s1600-h/icon.ico"><img style="cursor:pointer; cursor:hand;width: 16px; height: 16px;" src="http://4.bp.blogspot.com/_iMmYk7i376E/S3n-rWaDEZI/AAAAAAAAAIg/D6AY9moWRCU/s200/icon.ico" border="0" alt=""id="BLOGGER_PHOTO_ID_5438658045729247634" /></a>

maav aq gak punya contoh dari imageshack haha.

10. Lihat contoh diatas.lalu lihad code icon favicon anda hapus code yang mirip dengan contoh(yang aq kasih warna merah saja).
Jadi tinggal
http://4.bp.blogspot.com/_iMmYk7i376E/S3n-rWaDEZI/AAAAAAAAAIg/D6AY9moWRCU/s200/icon.ico" border="0" alt=""id="BLOGGER_PHOTO_ID_5438658045729247634(ini hanya contoh lho...)
silahkan dicopy codenya

11. Letakkan code ini <link href=' sebelum code favicon tadi dan code ' rel='shotcut icon'/> ini setelah code favicon.
Contoh pemakaian kode:
<link href=' http://4.bp.blogspot.com/_iMmYk7i376E/S3n-rWaDEZI/AAAAAAAAAIg/D6AY9moWRCU/s200/icon.ico" border="0" ' rel='shotcut icon'/> alt=""id="BLOGGER_PHOTO_ID_5438658045729247634 Trus di copy codenya

12. Klik pada Tata Letak.

13. Klik Edit HTML.

14. Silahkan cari kode </head>. Letakkan (paste) kode favicon anda tepat diatas kode </head>

15. Disimpan dan lihat hsilnya jadi ga sob?hehe

Ada banyak gambar favicon yang sudah jadi silahkan ke blog temen saya klik diary osi disana ada juga tutorial keg semacem ini.
Met ngapain ja sob aq tak ngopi doeloe…hehe

Ditulis Oleh : epo ers ~EPHO ZONE

Muh.Akram Anda sedang membaca artikel berjudul Cara membuat favicons yang ditulis oleh EPHO ZONE yang berisi tentang : Dan Maaf, Anda tidak diperbolehkan mengcopy paste artikel ini.

Blog, Updated at: Rabu, Februari 17, 2010

2 komentar:

  1. wah...blh juga ni infonya...tp klik di sini nya mana...jd gak bs langsung ke TKP ni mo ngetes

    2. Setelah itu anda harus mengubah gambar tersebut kedalam bentuk gambar icon. Anda bisa menggunakan tool Favicon Generator utuk mengubahnya, silahkan klik disini

    terima kasih atas di cantumkannya nama blog sy

    BalasHapus
  2. mav mbak kelupaan...dah aq benerin kog skg...hehe

    BalasHapus

coment dulu dong sob....kritik dan saran anda sangat berarti bagi saya,ga bayar sob alias gratis......hehe

Copyright © 2014. EPHO ZONE - All Rights Reserved
Template by seocips.com
Template Published by template.areasatu.com
Powered by A1
Back to top