favicon, sudahkah rekan-rekan semua tahu apa maksudnya.?, kalau untuk menjelaskan saya sendiri bingung apa artinya. tapi kurang lebih favicon ini kepanjangan dari favorite icon.
kalau mau tahu apa artinya, cari sendiri di google, berikut kutipan penjelasan dari situs wikipedia, artinya, silahkan terjemahkan sendiri:
A favicon (short for 'favorites icon'), also known as a website icon, page icon or urlicon, is an icon associated with a particular website or webpage. A web designer can create such icons in several ways, and many recent web browsers can then make use of them. Browsers that support them may display them in the browser's URL bar, next to the site's name in lists of bookmarks, and next to the page's title in a tabbed document interface........
ya sudahlah, tak usah terlalau berpanjang lebar, sesuai denga judul postingan kali ini, saya ingin menyampaikan tutorial bagaiman membuat favicon dengan cara yang gampang buat blog saudara. sebenarnya sudah banyak blog yang membahas masalah ini seperti di blognya kang rohman. tapi setelah saya baca tutorial dari blog kang rohman tsb, kok rasanya terlalu susah dan panjang, padahal untuk membuat favicon tersebut mudah sekali.(bukan maksud untuk menandingi guru rohman dalam hal blogging, hanya sebagai tambahan ilmu) Pertanyaan yang besar dari tutorial tersebut adalah : bagaimana cara menghasilkan gambar dengan format .ico sebagai gambar icon?. kang rohman sama sekali tidak menyinggungnya...mungkin lupa kaleeee.
biar tidak terlalu panjang tulisan ini, mari segera kita mulai.
#langkah satu
- siapkan sebuah gambar untuk dijadikan favicon.bisa photo anda atau gambar apapun, sebaiknya ukurannya tidak terlalu besar. format file terserah, bisa format.gif , jpeg atau png.
- kunjungi alamat situs berikut ini untuk melakukan generate gambar anda menjadi gambar dengan format file .ico, kunjungi:http://www.htmlkit.com/services/favicon/, maka akan terbuka halaman seperti di bawah ini.
- cari lokasi penyimpanan gambar yang akan dijadikan favicon dengan mengklik tombol "browse."
- bila sudah ketemu, klik tombol "generate favicon.ico" di bawahnya
- akan terbuka halaman baru untuk mendownload hasil generate tadi, klik tombol "download favicon" lalu simpan di komputer.
- gambar yang kita dapat masih dalam bentuk file .zip, extract dahulu file tersebut maka anda akan mendapatka file gambar anda dengan nama favicon.ico
nah, sekarang anda sudah mempunyai gambar yang siap di jadikan favicon bagi blog anda.
#langkah dua
- upload gambar favicon hasil generate tadi di hosting penyimpanan gambar yang anda suka, bisa picassa, googlepages, photobucket,atau yang sejenis. saya sendiri menyimpana gambar icon blog ini di googlepages.com.
- login ke blogger, lalu klik menu "layout" pada blog yang akan anda pasangi favicon. klick menu"edit html". copy code berikut ini:
- lalu paste di antara kode"<head>......................</head>" blog saudara. atau lebih mudahnya paste di bawah kode seperti yang di tunjukkan di bawah ini.
- klik tombol "save template widget"
- selesai.
| <link rel="shortcut icon" href="http://alamat penyimpana gambar favicon anda. " type="image/x-icon" /> contoh pada blog ini: <link rel="shortcut icon" href="http://lukman.oke.googlepages.com/faviconsitusjpeg.jpg" type="image/x-icon" /> |
| <HEAD> paste aja kode disini,,,,ga masalah kok.... <b:include data='blog' name='all-head-content'/> <TITLE><data:blog.pageTitle/></TITLE> <b:skin><![CDATA[/* |
bagaimana, gampang bukan...pokoknnya...make a favicon for your blog is easy,isn't???
0 komentar:
Posting Komentar
ANDA KOMENTAR, SAYAPUN KOMENTAR DI BLOG SAUDARA