1/03/2011

Cara membuat Favicon | Gambar kecil di address bar

Buat para Blogger baru nama favicon pasti begitu asing di telinga. Sebenarnya yang namanya favicon itu letaknya tidak jauh dari address bar atau judul halaman sebuah blog. Tepat di sebelah kiri tulisan halaman url letaknya. Seperti ini contoh


Sekarang sobat sudah bisa membayangkan akan membuat favicon seperti apa untuk Blog sobat
Bagaimana caranya membuat favicon nya?
Untuk membuatnya, sobat harus punya gambar yang akan dipakai untuk membuat faviconnya. Jika sudah punya, simak baik - baik caranya berikut ini.

Pertama buatlah sebuah gambar yang akan di jadikan sebagai favicon

Setelah itu anda harus mengubah gambar tersebut kedalam bentuk gambar icon. Untuk hal tersebut, anda bisa menggunakan tool Favicon Generator, silahkan kunjungi situs http://www.favicongenerator.com
Klik pada tombol Browse...
Masukan gambar yang tadi dibuat untuk di ubah menjadi format icon
Klik pada tombol Generate Favicon.
Setelah proses selesai, klik pada Click Here to Download your favicon.
Save ke komputer anda.
Langkah selanjutnya adalah anda harus meng upload Favicon yang tadi ke tempat hosting gamabar, contoh adalah keRipway! Geocities. ,dlll
Sekarang saya asumsikan bahwa anda sudah mempunyai alamat URL dari favicon anda. sebagai contoh, saya mempunyai sebuah alamat URL seperti ini :

http://h1.ripway.com/oktri/favicon.ico
Anda harus mengubah alamat URL favicon anda menjadi seperti ini :

<link rel="shortcut icon" href="http://h1.ripway.com/chetya/favicon.ico"/>

Langkah selanjutnya adalah silahkan login ke blogger dengan ID anda.
Klik pada Tata Letak.
Klik Edit HTML.
Silahkan cari kode (posisinya hampir paling atas, jadi jangan jauh-jauh nyari ke bawah dhenk).
Simpan kode favicon yang tadi persis di atas kode . Contoh :


<link rel="shortcut icon" href="http://h1.ripway.com/oktri/favicon.ico">

Klik tombol Simpan Template.
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.
|




Share
lintasberita

Artikel yang berkaitan



2 komentar:

Place to modify blog said...

kalau udah pake favicon, tampilan blog akan profesional

Yes Insurance said...

Nice post..its very helpful

Thanks mate :)

Post a Comment

Mohon minta saran dan kritik yang bisa membangun publisher untuk lebih berkarya,.Thanks..

Related Posts Plugin for WordPress, Blogger...