Create Favicon

Favicon adalah gambar mungil dia awal suatu 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 favicon nah... sekarang kita akan mengubahnya menjadi favicon kita sendiri. Bagaimana cara mengubahnya ??? Sebelumnya kita harus membuat favicon dengan favicon generator. ooo...ya, tutorial ini bersumber dari blog nya Kang Rohman.

Baiklah inilah tutorial selengkapnya pembuatan dan cara memasang favicon di blog kita...smoga berhacil...

1. pilihlah sebuah gambar yang akan di jadikan sebagai favicon

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

3. Klik pada tombol Browse...

4. Masukan gambar yang tadi dibuat untuk di ubah menjadi format icon

5. Klik pada tombol Generate Favicon

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 geocities (tapi kelihatanya geocities akan ditutup jadi gunakan image shack saja)

9. Sekarang saya asumsikan bahwa anda sudah mempunyai alamat URL dari favicon anda. sebagai contoh, saya mempunyai sebuah alamat URL seperti ini : (ini hanya contoh lho...)


http://www.geocities.com/amn_tea/favicon.ico

10. Anda harus mengubah alamat URL favicon anda menjadi seperti ini :


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

11. login ke blogger dengan ID anda.
12. Klik pada Tata Letak.
13. Klik Edit HTML.
14. Silahkan cari kode </head>. letakkan kode dibawah ini tepat diatas kode  </head>  :


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

15. Klik tombol Simpan Template.

16. Selesai. Sekarang anda sudah mempunyai favicon di alamat URL blog anda.
Bagi anda yang masih menggunakan browser IE6, favicon anda tidak akan langsung terlihat, coba di bookmark dulu alamatnya. Berbeda jika anda menggunakan browser firefox, opera dan yang lainnya, favicon anda sudah langsung dapat di nikmati.

(Sumber : Blognya Kang Rohman )

19 komentar:

  1. terimakasih infonya.. sudah saya terpkan di blog saya.
    saya jg pasang banner blog anda di blog saya... mohon backlink-nya

    BalasHapus
  2. tried and succeeded
    thx a lot,,
    ditunggu blogwalkingnya di blog saya :D

    BalasHapus
  3. ko punya piet ga bisa ka... :h
    kenapa...??? tolongin pipit dunksss kaa :j

    BalasHapus
  4. sudah dicoba . ttp tdk berhasil , dan image malah terlihat dipojok kiri atas . apa yang slh ya ?

    BalasHapus
  5. http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif

    BalasHapus
  6. dah di coba lamah gagal .. .
    cuma keretas putih doang yang nongol nya...
    udah beebrapa kali ane nyoba juga beberapa situs ane nyoba tetep hasilnya kaya om....

    BalasHapus
  7. qo Di IE 8 gak bs tampil knp ya??

    BalasHapus
  8. Thanks tipsnya. Ane uda pasang gan....

    BalasHapus
  9. visit software182.blogspot.com thanks

    BalasHapus
  10. kk klo untuk di FORUM gmna CARA a


    TOLONG PENJELASANNYA

    BALEZZ

    BalasHapus
  11. Langsung praktek aja masbro, makasih tutorialnya

    BalasHapus

Mau tukeran link? silakan buka Link Sahabat dan apabila ada pertanyaan silakan tulis di Kotak Pertanyaan. Terima Kasih...

Kami akan menghapus komentar yang: Tak sopan, memakai HURUF BESAR, berupa caci maki, mengandung kata-kata kebun binatang, debat kusir, provokasi, di luar konteks, berupa undangan/ reklame. Komentar yang terlalu panjang, tanpa paragraf dan sulit dipahami. Komentar copy-paste, silakan di-link saja.

Isi komentar adalah tanggung jawab penulis komentar, bukan tanggung jawab pengelola blog/situs ini. Harap maklum.