Share this topic on Del.icio.usShare this topic on DiggShare this topic on FacebookShare this topic on GoogleShare this topic on SlashdotShare this topic on StumbleUponShare this topic on TechnoratiShare this topic on TwitterShare this topic on YahooShare this topic on Google buzz

Author Topic: favicon n banner  (Read 1403 times)

0 Members and 1 Guest are viewing this topic.

Offline safril

  • Bibit IF
  • *
  • Posts: 24
  • Reputasi: 0

  • Aktivitas bulan ini
    0%
favicon n banner
« on: 11 July 2009, 16:06:48 »
salam

gimana cara memasukkan favicon dan mengganti banner???

trims 4 d reply ;)

Forum Informatika

favicon n banner
« on: 11 July 2009, 16:06:48 »
Sponsored Links:


Offline 1nf0rm4t1c5

  • Administrator
  • *
  • Posts: 1090
  • Reputasi: 15
  • Informatics Developer

  • Aktivitas bulan ini
    4%
    • Forum Informatika
  • Lokasi: Indonesia
  • Jenis Kelamin: Laki-laki
Re: favicon n banner
« Reply #1 on: 11 July 2009, 22:50:50 »
Quote
What is a favicon?

Favicon (pronounced fav-eye-con) is short for 'Favorites Icon.' A Favicon is a multi-resolution image included on nearly all professional developed sites. Within Internet Explorer the Favicon is displayed on the Address line and in the Favorites menu. The Favicon allows the webmaster to further promote their site, and to create a more customized appearance within a visitor's browser. Often, the Favicon reflects the look and feel of the web site or the organization's logo.

http://www.favicon.com/

Pertama-tama harus Anda sediakan gambar favicon-nya dulu.

Bisa dari photo atau gambar apapun di-convert ke bentuk favicon.

Anda bisa dapatkan di sini:
http://www.favicongenerator.com/
http://tools.dynamicdrive.com/favicon/

Untuk membuat favicon sendiri mulai nol, bisa di sini:
http://www.favicon.cc/

Setelah Anda mendapatkan file bernama favicon.ico, silakan upload file tersebut ke direktori utama website Anda. Untuk file hosting yang baik, rata2 sudah otomatis bisa mendeteksi favicon kita tanpa harus menuliskannya dalam file indeks.html atau indeks.php kita.

Kalau Anda ragu2 atau setelah mencoba ternyata favicontersebut tidak muncul, tambahkan kode berikut di antara tag <head></head> di file indeks.html atau indeks.php, sesuaikan dengan file indeks atau default Anda.

Asumsi file favicon berada satu direktori dengan file indeks atau default Anda, maka kodenya:
Code: (html) [Select]
<link rel="shortcut icon" href="favicon.ico" >

Ada juga yang menginginkan favicon animasi, biasanya disertai file animasi bertipe .gif, misalkan namanya animated_favicon1.gif, maka:
Code: (html) [Select]
<link rel="shortcut icon" href="favicon.ico" >
<link rel="icon" href="animated_favicon1.gif" type="image/gif" >

Ingat! Letakkan kode tersebut antara tag <head> ... </head>



Untuk banner atau header atau logo forum, gambar defaultnya adalah di theme default Anda dengan nama smflogo.gif.

Misal:
Quote
C:\wamp\www\smf_1-1-9_install\Themes\default\images\smflogo.gif

Untuk mengubah logo dengan ukuran yang sama (258 x 30 pixel), Anda bisa mengubahnya melalui setting admin di menu Current Theme.

Silakan lihat tulisan berikut:
Quote
Logo image URL: ...
(leave blank to show forum name or default logo.)

Isikan di textbox alamat gambar atau logo Anda.

Sedangkan untuk logo/header sebagaimana di forum informatika ini, Anda bisa menggunakan mod tambahan Header Rotator di sini:

http://custom.simplemachines.org/mods/index.php?mod=1096

Selamat belajar.
Full access for guest [REGISTER]
Please read the rule [RULES]
Promosi?  [STEP-BY-STEP]

RAR PASSWORD : http://if.web.id --> buat buka file rar

Offline wyvern

  • Developer IF
  • *
  • Posts: 450
  • Reputasi: 18

  • Aktivitas bulan ini
    0%
    • vern blog
Re: favicon n banner
« Reply #2 on: 13 July 2009, 09:23:19 »
Quote

Setelah Anda mendapatkan file bernama favicon.ico, silakan upload file tersebut ke direktori utama website Anda. Untuk file hosting yang baik, rata2 sudah otomatis bisa mendeteksi favicon kita tanpa harus menuliskannya dalam file indeks.html atau indeks.php kita.

yg ini bru tau q...
^^



@safril: wew nie topik keknya da di myq juga...

Offline safril

  • Bibit IF
  • *
  • Posts: 24
  • Reputasi: 0

  • Aktivitas bulan ini
    0%
Re: favicon n banner
« Reply #3 on: 13 July 2009, 09:35:07 »
thx u to 1nf0rm4t1c5, info bgs bgt..........btw klo file animasi gif yang dibuat di photoshop..............apa bisa dijadikan favicon juga??? apa animasinya masih berjalan klo brubah jadikan favicon???..............thx u b4

Offline 1nf0rm4t1c5

  • Administrator
  • *
  • Posts: 1090
  • Reputasi: 15
  • Informatics Developer

  • Aktivitas bulan ini
    4%
    • Forum Informatika
  • Lokasi: Indonesia
  • Jenis Kelamin: Laki-laki
Re: favicon n banner
« Reply #4 on: 13 July 2009, 10:25:03 »
thx u to 1nf0rm4t1c5, info bgs bgt..........btw klo file animasi gif yang dibuat di photoshop..............apa bisa dijadikan favicon juga??? apa animasinya masih berjalan klo brubah jadikan favicon???..............thx u b4

You're welcome.
File animasi (gif) dikonversi ke ico, hasilnya tetap statis, bukan animasi lagi.

Jadi butuh dua file, favicon.ico dan FileAnimasi.gif.

Code: (html) [Select]
<link rel="shortcut icon" href="favicon.ico"> 
<link rel="icon" href="FileAnimasi.gif" type="image/gif">
Full access for guest [REGISTER]
Please read the rule [RULES]
Promosi?  [STEP-BY-STEP]

RAR PASSWORD : http://if.web.id --> buat buka file rar

Offline safril

  • Bibit IF
  • *
  • Posts: 24
  • Reputasi: 0

  • Aktivitas bulan ini
    0%
Re: favicon n banner
« Reply #5 on: 13 July 2009, 10:40:03 »
You're welcome.
File animasi (gif) dikonversi ke ico, hasilnya tetap statis, bukan animasi lagi.

Jadi butuh dua file, favicon.ico dan FileAnimasi.gif.

Code: (html) [Select]
<link rel="shortcut icon" href="favicon.ico"> 
<link rel="icon" href="FileAnimasi.gif" type="image/gif">

masih bingung nih............td saya dah coba ubah file animasi gif menjadi favicon dan hasilnya..........animasinya hilang..............saya mau nanya gimana membuat animasi gif itu menjadi ukuran favicon supaya bisa diupload seukuran favicon???

Offline 1nf0rm4t1c5

  • Administrator
  • *
  • Posts: 1090
  • Reputasi: 15
  • Informatics Developer

  • Aktivitas bulan ini
    4%
    • Forum Informatika
  • Lokasi: Indonesia
  • Jenis Kelamin: Laki-laki
Re: favicon n banner
« Reply #6 on: 13 July 2009, 11:21:40 »
Silakan cek di sini:

http://www.favicongenerator.com/
http://tools.dynamicdrive.com/favicon/
http://www.favicon.cc/

Ada tools untuk konversi gambar biasa ke favicon.
Full access for guest [REGISTER]
Please read the rule [RULES]
Promosi?  [STEP-BY-STEP]

RAR PASSWORD : http://if.web.id --> buat buka file rar

Offline safril

  • Bibit IF
  • *
  • Posts: 24
  • Reputasi: 0

  • Aktivitas bulan ini
    0%
Re: favicon n banner
« Reply #7 on: 13 July 2009, 12:09:55 »
http://www.favicongenerator.com/
http://tools.dynamicdrive.com/favicon/

saya dah ubah file animasi gif yang saya buat lewat photoshop lewat link diatas..........tapi hasilnya masih tetap sama...................file menjadi statis.........no animasi.   Singkatnya file animasi saya buat dahulu lewat photoshop kemudian saya ubah menjadi favicon lewat link-link diatas tapi hasilnya statis (gak ada animasinya)

file animasi yang didalam link <link rel="icon" href="FileAnimasi.gif" type="image/gif"> ukurannya berapa....apa sebesar favicon??? dia dibuat

Offline 1nf0rm4t1c5

  • Administrator
  • *
  • Posts: 1090
  • Reputasi: 15
  • Informatics Developer

  • Aktivitas bulan ini
    4%
    • Forum Informatika
  • Lokasi: Indonesia
  • Jenis Kelamin: Laki-laki
Re: favicon n banner
« Reply #8 on: 13 July 2009, 13:25:31 »
Full access for guest [REGISTER]
Please read the rule [RULES]
Promosi?  [STEP-BY-STEP]

RAR PASSWORD : http://if.web.id --> buat buka file rar

Offline safril

  • Bibit IF
  • *
  • Posts: 24
  • Reputasi: 0

  • Aktivitas bulan ini
    0%
Re: favicon n banner
« Reply #9 on: 13 July 2009, 16:20:33 »
apa file yang didalam http://galih.eu/favicon.gif dibuat sendiri lewat photoshop??

Offline 1nf0rm4t1c5

  • Administrator
  • *
  • Posts: 1090
  • Reputasi: 15
  • Informatics Developer

  • Aktivitas bulan ini
    4%
    • Forum Informatika
  • Lokasi: Indonesia
  • Jenis Kelamin: Laki-laki
Re: favicon n banner
« Reply #10 on: 13 July 2009, 22:16:58 »
Membuat sendiri menggunakan tools di situs http://www.favicon.cc/
Full access for guest [REGISTER]
Please read the rule [RULES]
Promosi?  [STEP-BY-STEP]

RAR PASSWORD : http://if.web.id --> buat buka file rar

Offline safril

  • Bibit IF
  • *
  • Posts: 24
  • Reputasi: 0

  • Aktivitas bulan ini
    0%
Re: favicon n banner
« Reply #11 on: 15 July 2009, 12:57:47 »
saya dah buat animasi favicon.......skrg masalahnya tuk upload favicon animasi itu dimana???..difolder mana???.............skrg ini sy masih memakai localhost (blom memakai webhosting)

Offline 1nf0rm4t1c5

  • Administrator
  • *
  • Posts: 1090
  • Reputasi: 15
  • Informatics Developer

  • Aktivitas bulan ini
    4%
    • Forum Informatika
  • Lokasi: Indonesia
  • Jenis Kelamin: Laki-laki
Re: favicon n banner
« Reply #12 on: 15 July 2009, 13:18:38 »
Opsi pertama: di folder public_html (root folder)



Kalau tidak muncul, bisa pada opsi kedua berikut: di folder theme yang Anda pakai (contoh: smf_1-1-9_install\Themes\default)



Good luck!
« Last Edit: 15 July 2009, 16:13:21 by 1nf0rm4t1c5 »
Full access for guest [REGISTER]
Please read the rule [RULES]
Promosi?  [STEP-BY-STEP]

RAR PASSWORD : http://if.web.id --> buat buka file rar

Offline safril

  • Bibit IF
  • *
  • Posts: 24
  • Reputasi: 0

  • Aktivitas bulan ini
    0%
Re: favicon n banner
« Reply #13 on: 16 July 2009, 08:58:14 »
sukron katsiran akhi.............you make my day

Offline 1nf0rm4t1c5

  • Administrator
  • *
  • Posts: 1090
  • Reputasi: 15
  • Informatics Developer

  • Aktivitas bulan ini
    4%
    • Forum Informatika
  • Lokasi: Indonesia
  • Jenis Kelamin: Laki-laki
Re: favicon n banner
« Reply #14 on: 16 July 2009, 09:17:05 »
Case is Solved. Thanx.
Full access for guest [REGISTER]
Please read the rule [RULES]
Promosi?  [STEP-BY-STEP]

RAR PASSWORD : http://if.web.id --> buat buka file rar