Favicon adalah gambar kecil seperti icon yang terdapat pada awal sebuah alaman website pada address bar. Contohnya kalau di blogger adalah seperti ini 
. Nah pada tutorial kali ini saya akan membahas tentang cara mengubah icon tersebut menjadi favicon kita sendiri.
Baiklah karena tangan saya merasa sangat caprk, kita langsung saja ke tutorialnya ^_^ hehe..
- Pilihlah sebuah gambar yang akan dijadikan favicon anda, kalau males buat ia googling aja, hehe.
- Anda harus mengubah gambar tersebut menjadi formatnya icon. Anda dapat mengubahnya disini .
- Sudah tahu belum cara mengubahnya ke bentuk icon? , kalau belum tahu juga saya lanjutin deh ^_^ . Klik tombol Browse.
- Masukkan gambar yang sudah anda pilih tadi.
- Klik pada tombol Generate Favicon.
- Setelah selesai klik Click Here to Download your favicon. Save ke komputer anda.
- Selanjutnya anda harus mengupload favicon tadi ke tempat hosting gambar. Contohnya ke http://imageshack.com/ tapi kaln au menggunakan imageshack, bandwidth bisa saja habis. Untuk tutorial upload image dengan bandwidth unlimited dapat anda baca disini .
- Sekarang copy link tempat favicon tadi berada, contoh linknya seperti ini kalau upload di blogger https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFuMjbS0CWa0CLmtXQt0H5nTh5YoPMraDMUWxj1P8IC6XUmNvsazOr_eDG9b94ogBrvaphZTrQzyoIAPgSzX0uVHhvccar_vySGe9Rt0NGOKcvjskKpZp1_WEP5cXrOSQqAZLkTEGgFQ2x/s400/adobe.ico
- Ubahlah url tadi menjadi seperti ini <link rel="shortcut icon" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFuMjbS0CWa0CLmtXQt0H5nTh5YoPMraDMUWxj1P8IC6XUmNvsazOr_eDG9b94ogBrvaphZTrQzyoIAPgSzX0uVHhvccar_vySGe9Rt0NGOKcvjskKpZp1_WEP5cXrOSQqAZLkTEGgFQ2x/s400/adobe.ico"/>
- Login ke account blogger anda.
- Lalu pilih tataletak, edit HTML.
- Carilah kode </head> . Dan copy kan kode diatas tadi persis diatas kode </head> .
- Lalu simpan dan lihat hasilnya, hehe.
Categories:
Tutorial blog
