Adding Favicon icon to Blogger URL

Menambahkan icon pribadi ke Blogger URL

Semalem waktu nieke bertandang ke sini di guest book dia bilang:

hohooo, saya baru ngeh skarang om joni pake favicon jugaaa

Jadi gara-gara nieke bilang begitu dapat bahan postingan neh. ;))

Ingin menambahkan icon kecil pribadi yang tampak pada web addresses, seperti yang terlihat diatas? Icon kecil pribadi tersebut sering disebut dengan “Favicons” atau “Favorite Icons”. ;)

Pertama-tama anda harus mempunyai icon seperti apa yang akan digunakan dalam format extension .ico. Berbagai macam bentuk baik itu berupa huruf maupun image bisa anda buat. Tersedia banyak free icon editor software yang bisa kita download dari internet. >:D<

Diantaranya dapat di cari di download.com dengan menggunakan software imagicon yang dapat mentransform images menjadi .ico format. Tersedia dua format ukuran yaitu - 16x16 dan 32x32 - tapi disarankan agar menggunakan format yang berukuran 16x16 karena 'readable in most older browsers'.

Jika anda malas gak ada waktu untuk mengkreasi sendiri icon yang unik, seperti saya malasnya :D. Anda dapat menggunakan images anda sendiri yang dapat diconvert menjadi .ico format dengan menggunakan online icon maker.

Atau dapat juga dicari dengan menggunakan kata kunci keyword “online icon generator” pada Google search bar dibawah ini, akan tersedia banyak informasi program yang dapat dicoba. ;)

Insert keyword in below Enter your search terms Submit search form

Setelah membuat icon yang dimaksud simpan di dalam hard disk. Kemudian upload file .ico tersebut ke hosting yang online. Anda dapat menggunakan Google Page Creator atau free Google Groups untuk menyimpannya.

Kemudian ambil alamat url dimana file tersebut tersimpan. Jika anda menggunakan Google Page Creator, maka file tersebut akan tersimpan di dalam direktori seperti ini:

http://yourname.googlepages.com/iconname.ico
dimana “yourname” adalah nama Gmail account anda, and “iconname” adalah nama file icon tersebut. Copy alamat URL anda.

Masuk Sign In ke Blogger.com, setelah di dashboard klik layout tab, go to “Edit HTML”. Kemudian cari kode seperti dibawah ini:-

<title><data:blog.pageTitle/></title>

Copy kode di bawah ini dan paste kan persis di bawah kode di atas:-

<link rel="shortcut icon" href="URL of your icon file"/>

Jangan lupa ganti “URL of your icon file” dengan alamat URL file anda.

Save the template. When you refresh your blog site, you should see your nice little Favicon next to the blog address. =D>

Read More...

Summary only...