Teman Bloggerku dari Aku Jagoan bertanya kepada penulis , Gimana cara membuat Favicon seperti Gudang Materi ?? Sebelum itu apakah Favicon itu ?
A favicon (short for favorites icon), also known as a website icon, shortcut icon, URL icon, or bookmark icon is a 16×16, 32×32 or 64×64 pixel square icon associated with a particular website or webpage.
A web designer can create such an icon and install it into a website (or webpage) by several means, and most graphical web browsers will then make use of it. Browsers that provide favicon support typically display a page's favicon in the browser's address bar and next to the page's name in a list of bookmarks.
Browsers that support a tabbed document interface typically show a page's favicon next to the page's title on the tab. Some programs allow the user to select an icon of his own from the hard drive and associate it with a website.
- http://en.wikipedia.org/wiki/Favicon
Mari kita memulai Tutorialnya Membuat Favicon di Blogger :)
1. Buatlah gambar yang ingin anda jadikan Favicon , saya sarankan berukuran 125 x 125 agar Favicon tampak Elegant. Jika anda bingung membuat Favicon dapat menggunakan Ms. Powerpoint.
2. Setelah menyimpan gambar yang ingin dijadikan Favicon , kemudian ubah lah dalam bentuk .ico , anda menuju ke http://tools.dynamicdrive.com/favicon/ atau http://www.favicongenerator.com/
3. Masukkan Gambar kemudian klik Create Icon ..
4. Setelah itu Download gambarnya yang berbentuk .ico , dan save.
5. Pada langkah ini icon anda sudah siap , dan untuk langkah selanjutnya meng-uploadnya ke sebuah tempat di dunia maya.
6. Daftar di http://sites.google.com , kemudian buat satu situs untuk meng-upload Favicon anda. Ikuti langkah - langkah tersebut.
6a. Jika anda tidak sempat untuk membuat di sites.google.com kami dapat bantu dengan meng-uploadnya ke tempat kami silahkan Kontak kami.
7. Setelah di Upload akan berbentuk sebagai berikut :
http://sites.google.com/site/gudangmateri/gudang-gambar/gm-whitelogo.ico
8. Langkah ini belum selesai anda harus menaruh di Blog anda di Edit HTML
<link href='http://sites.google.com/site/situsanda/favicon.ico' rel='shortcut icon' type='image/x-icon'/>
seperti,
<link href='http://sites.google.com/site/gudangmateri/gudang-gambar/gm-whitelogo.ico' rel='shortcut icon' type='image/x-icon'/>
dibawah <head> ..
9. Setelah itu Simpan Template.. Dan Tunggu 3 Menit dan Favicon anda akan berubah :)
Selamat mencoba :)
0 comments:
Post a Comment
Tim Gudang Materi mengharapkan komentar anda sebagai kritik dan saran untuk kami .. Hubungi kami jika anda mengalami kesulitan !