Favicon ROOSTER: Perbedaan revisi
| [revisi tidak terperiksa] | [revisi tidak terperiksa] |
| Baris 1: | Baris 1: | ||
| − | <p style="text-align: justify;">Favicon adalah singkatan dari <i>favourite icon</i> yang berarti gambar favorit. Favicon adalah sebuah istilah yang muncul di dunia website, yang ditujukan sebagai sebuah ikon logo yang mewakili website yang bersangkutan. Pada dasarnya favicon adalah logo dari sebuah website, hanya saja penempatannya adalah seperti gambar dibawah ini : [[File:Favicoon.jpg]]</p> | + | <p style="text-align: justify;">Favicon adalah singkatan dari <i>favourite icon</i> yang berarti gambar favorit. Favicon adalah sebuah istilah yang muncul di dunia website, yang ditujukan sebagai sebuah ikon logo yang mewakili website yang bersangkutan. Pada dasarnya favicon adalah logo dari sebuah website, hanya saja penempatannya adalah seperti gambar dibawah ini : [[File:Favicoon.jpg|center]]</p> |
<p style="text-align: justify;">Gambar yang dilingkari merah itulah yang disebut dengan favicon. Di lapangan ternyata masih banyak website yang tidak memiliki favicon. Favicon ROOSTER mempunyai tujuan agar pengguna dapat mudah membedakan ROOSTER diantara tab yang banyak dalam sebuah browser. Selain itu pengguna dapat dengan mudah mengingat ROOSTER berdasarkan logo favicon yang menjadi ciri khasnya. Favicon ini tersimpan dalam menu riwayat atau <i>history</i> pada browser sehingga ini pun makin memudahkan penggunanya untuk membuka kembali ROOSTER yang pernah dibuka.</p> | <p style="text-align: justify;">Gambar yang dilingkari merah itulah yang disebut dengan favicon. Di lapangan ternyata masih banyak website yang tidak memiliki favicon. Favicon ROOSTER mempunyai tujuan agar pengguna dapat mudah membedakan ROOSTER diantara tab yang banyak dalam sebuah browser. Selain itu pengguna dapat dengan mudah mengingat ROOSTER berdasarkan logo favicon yang menjadi ciri khasnya. Favicon ini tersimpan dalam menu riwayat atau <i>history</i> pada browser sehingga ini pun makin memudahkan penggunanya untuk membuka kembali ROOSTER yang pernah dibuka.</p> | ||
<p style="text-align: justify;">Cara untuk membuat favicon langkah yang pertama yaitu dengan men<i>generate</i> gambar atau logo yang ingin kita jadikan sebagai favicon. Saya menggunakan Favicon Generator yang sudah ada di internet, dengan meng<i>upload</i> terlebih dahulu logo yang ingin kita jadikan favicon yang kemudian akan di<i>crop</i> menjadi sebuah <i>favourite icon </i>(Favicon). Setelah berhasil di<i>generate</i> kemudian <i>download </i>favicon yang sudah jadi tersebut. Selanjutnya saya <i>upload</i> favicon tersebut dengan menggunakan <i>tool </i>FileZilla ke website.Langkah selanjutnya ambil nama file favicon yang sudah di <i>upload</i> sebelumnya di FileZilla untuk disisipkan ke dalam kodingan atau dipanggil favicon tersebut agar muncul pada tampilan web.</p> | <p style="text-align: justify;">Cara untuk membuat favicon langkah yang pertama yaitu dengan men<i>generate</i> gambar atau logo yang ingin kita jadikan sebagai favicon. Saya menggunakan Favicon Generator yang sudah ada di internet, dengan meng<i>upload</i> terlebih dahulu logo yang ingin kita jadikan favicon yang kemudian akan di<i>crop</i> menjadi sebuah <i>favourite icon </i>(Favicon). Setelah berhasil di<i>generate</i> kemudian <i>download </i>favicon yang sudah jadi tersebut. Selanjutnya saya <i>upload</i> favicon tersebut dengan menggunakan <i>tool </i>FileZilla ke website.Langkah selanjutnya ambil nama file favicon yang sudah di <i>upload</i> sebelumnya di FileZilla untuk disisipkan ke dalam kodingan atau dipanggil favicon tersebut agar muncul pada tampilan web.</p> | ||
| − | <p style="text-align: justify;"> | + | <p style="text-align: justify;">Sisipkan kodingan untuk memanggil favicon pada file header.inc.php. Pada ROOSTER terdapat 2222134222 untuk menyisipkan kodingan berikut ini :</p> |
<p style="text-align: center;"><b><link rel=”shortcut icon” href=”/images/icons/favicon.ico”/></b></p> | <p style="text-align: center;"><b><link rel=”shortcut icon” href=”/images/icons/favicon.ico”/></b></p> | ||
<p style="text-align: justify;">Lalu pada file header.inc.php untuk bagian staff juga disisipkan kodingannya, hanya sedikit berbeda seperti berikut :</p> | <p style="text-align: justify;">Lalu pada file header.inc.php untuk bagian staff juga disisipkan kodingannya, hanya sedikit berbeda seperti berikut :</p> | ||
<p style="text-align: center;"><b><link rel=”icon” href=”/images/icons/favicon.ico”/></b></p> | <p style="text-align: center;"><b><link rel=”icon” href=”/images/icons/favicon.ico”/></b></p> | ||
<p style="text-align: justify;">Walaupun berbeda tetapi pada dasarnya kedua kodingan tersebut sama saja fungsinya, yaitu untuk menampilkan favicon pada tab browser.</p> | <p style="text-align: justify;">Walaupun berbeda tetapi pada dasarnya kedua kodingan tersebut sama saja fungsinya, yaitu untuk menampilkan favicon pada tab browser.</p> | ||
Revisi per 11 Juni 2013 10.41
Favicon adalah singkatan dari favourite icon yang berarti gambar favorit. Favicon adalah sebuah istilah yang muncul di dunia website, yang ditujukan sebagai sebuah ikon logo yang mewakili website yang bersangkutan. Pada dasarnya favicon adalah logo dari sebuah website, hanya saja penempatannya adalah seperti gambar dibawah ini :
Gambar yang dilingkari merah itulah yang disebut dengan favicon. Di lapangan ternyata masih banyak website yang tidak memiliki favicon. Favicon ROOSTER mempunyai tujuan agar pengguna dapat mudah membedakan ROOSTER diantara tab yang banyak dalam sebuah browser. Selain itu pengguna dapat dengan mudah mengingat ROOSTER berdasarkan logo favicon yang menjadi ciri khasnya. Favicon ini tersimpan dalam menu riwayat atau history pada browser sehingga ini pun makin memudahkan penggunanya untuk membuka kembali ROOSTER yang pernah dibuka.
Cara untuk membuat favicon langkah yang pertama yaitu dengan mengenerate gambar atau logo yang ingin kita jadikan sebagai favicon. Saya menggunakan Favicon Generator yang sudah ada di internet, dengan mengupload terlebih dahulu logo yang ingin kita jadikan favicon yang kemudian akan dicrop menjadi sebuah favourite icon (Favicon). Setelah berhasil digenerate kemudian download favicon yang sudah jadi tersebut. Selanjutnya saya upload favicon tersebut dengan menggunakan tool FileZilla ke website.Langkah selanjutnya ambil nama file favicon yang sudah di upload sebelumnya di FileZilla untuk disisipkan ke dalam kodingan atau dipanggil favicon tersebut agar muncul pada tampilan web.
Sisipkan kodingan untuk memanggil favicon pada file header.inc.php. Pada ROOSTER terdapat 2222134222 untuk menyisipkan kodingan berikut ini :
<link rel=”shortcut icon” href=”/images/icons/favicon.ico”/>
Lalu pada file header.inc.php untuk bagian staff juga disisipkan kodingannya, hanya sedikit berbeda seperti berikut :
<link rel=”icon” href=”/images/icons/favicon.ico”/>
Walaupun berbeda tetapi pada dasarnya kedua kodingan tersebut sama saja fungsinya, yaitu untuk menampilkan favicon pada tab browser.
