Home > Blogging, Tips & Trik, WordPress > Cara Mudah Tampilkan Favicon

Cara Mudah Tampilkan Favicon

October 4th, 2008 ryan Leave a comment Go to comments

Bagi Anda mungkin favicon tidaklah penting, namun bagi saya favicon cukup memiliki peranan penting dalam identitas website/blog. Bagi yang belum tahu, favicon adalah icon kecil yang letaknya biasanya ada di samping alamat atau nama sebuah website, seperti icon huruf R yang ada pada blog ini.

Bila menggunakan Opera Mini dapat dilihat dengan menekan #6 untuk masuk ke menu “Page Information” dan lihat pada bagian “Page Icon”. Favicon biasanya juga ditampilkan di samping nama website yang sudah dibookmark.

Sebenarnya pengguna WordPress.org (hosting sendiri) dapat menampilkan favicon dengan melakukan sedikit editing pada bagian header.php tema yang sedang digunakan. Untuk tema yang sudah mendukung favicon Anda tinggal mereplace file favicon.ico yang ada pada folder tema tersebut.

Bila ingin menampilkan favicon dengan mengedit header.php bisa dengan menggunakan kode berikut:

<link rel=”shortcut icon” href=”http://alamatblog.com/favicon.ico” type=”image/x-icon” />

Sisipkan di bawah kode:

<!– leave this for stats please –>

Dengan kode di atas, file harus bernama favicon.ico, dan diletakkan  di directory public_html atau satu directory dengan file index.php blog. Bila nama icon berbeda, silahkan ganti “favicon.ico” pada kode dengan “nama.ekstensi” favicon Anda.

Bila menggunakan jasa image hosting maka url blog atau http://alamatblog.com/favicon.ico pada kode di atas harus diganti dengan url favicon pada image hosting yang digunakan.

Selain dengan cara tersebut juga bisa menggunakan plugin-plugin yang dapat dicari sendiri di sini.

Salah satu plugin untuk menampilkan favicon adalah MaxBlogPress Favicon. Untuk menampilkan favicon, penggunaanya mudah dan simpel, plugin  ini memberikan 100 icon yang bisa dijadikan favicon, namun bila Anda menginginkan icon yang lain hal tersebut tidak masalah.

Kita bisa menambahkan iconnya dengan mengupload langsung atau dengan menuliskan link favicon bila favicon berada di hosting berbeda, bisa juga dengan menguploadnya ke folder “icon” plugin ini.

Aktifkan plugin MaxBlogPress Favicon dan jalankan melalui menu “Setting”, pilih icon yang ingin dijadikan favicon dan klik “Save”. Sekarang website Anda telah memiliki favicon dan akan terlihat lebih profesional daripada sebelumnya.

Download MaxBlogPress Favicon di sini, dan silahkan berkunjung ke favicon.cc untuk menambah koleksi favicon Anda.

BACA JUGA:

  1. October 4th, 2008 at 18:17 | #1

    Oh, gitu? Tapi q tunggu postingan selanjutnya aja deh. Coz q masih pake WP…

    Reply

  2. October 4th, 2008 at 18:19 | #2

    Postingan selanjutnya ditunggu Mas. Secepatnya…
    *maksa*

    Reply

  3. October 4th, 2008 at 18:31 | #3

    secepatnya akan diselesaikan :D , hehe

    Reply

  4. October 4th, 2008 at 19:53 | #4

    Cepetan ya, GA PAKE LAMA :D

    Reply

  5. October 4th, 2008 at 21:01 | #5

    Langsung dipraktekkan bro…..

    Reply

  6. October 4th, 2008 at 21:04 | #6

    wah….sekarang gampang mas nambahinnya…. cari mbah gugel ada yang lebih praktis lagi….hehehheh kayak punyaku and mas zoel

    Reply

  7. October 4th, 2008 at 21:34 | #7

    Wew,.. ajiiip tenan. moga makin manjur terus ya mas (wah kayak jamu aja, he he he)

    Reply

  8. October 4th, 2008 at 21:46 | #8

    #rismaka
    secepatnya mas :D
    #danangwahid.com
    semoga berhasil :D
    #ma2nn-smile
    saya taunya cuma plugin2an, maklum newbie :D
    #Wen
    ketik reg spasi manjur, hehe

    Reply

  9. October 5th, 2008 at 00:08 | #9

    hehehe favicon ya, kalo pun g pake plugin coba deh langsung edit themenya caranya mudah kok dibawah tag head insert ini

    beres deh, misalnya kamu upload gambar favicon di http://blogmu.com/bla/favicon.png maka isikan direktory letak favicon kamu seperti alamat tersebut http://blogmu.com/bla/favicon.png
    cuma sekedar masukan saja
    byme

    Reply

  10. October 5th, 2008 at 00:09 | #10

    bro aku udah komentar g muncul hiks
    byme

    Reply

  11. October 5th, 2008 at 01:56 | #11

    Ketik reg spasi weton
    (tinggi anda 160 cm jadi anda tidak cocok bekerja menjadi, TNI, hehehhehe)

    Reply

  12. October 5th, 2008 at 07:24 | #12

    tagnya tidak tertampil mas , saya sudah coba edit2 header.php-nya tp favicon tdk muncul jd ya pakai plugin :D ,, commentnya sempat ditahan askimet :D :D

    Reply

  13. October 5th, 2008 at 08:06 | #13

    dasar [aku] katrok,
    favicon aja gak mudeng

    wis, tak sinau dulu kang
    nanti baru ngasih komentar
    [lha ini kan udah komentar ya...???]

    Reply

  14. October 5th, 2008 at 09:39 | #14

    favicon menurut wikipedia :
    klik di sini

    Reply

  15. October 5th, 2008 at 11:28 | #15

    dulu saya pernah pake di blog lama say
    tapi buat sekarang g dulu deh

    Reply

  16. October 5th, 2008 at 12:17 | #16

    gara2 trauma utak-atik blog ya mas :D

    Reply

  17. October 6th, 2008 at 18:24 | #17

    Ikutan menyimak dulu ah…..!!

    *Gelar tikar and duduk sila* mode on

    Reply

  18. October 6th, 2008 at 20:05 | #18

    jangan disimak aja, praktekin mas :D :D

    Reply

  19. December 15th, 2008 at 08:03 | #19

    Wah, meskipun saya pake blogspot, saya juga udah bisa mas :D

    Reply

    ryan replies:

    tinggal nyisipin url favicon di header ya :D

    Reply

  20. December 16th, 2008 at 01:42 | #20

    belum bisa juga nih.. faviconnya

    Reply

  21. December 16th, 2008 at 11:28 | #21

    @phitoosh
    coba pakai plugin MaxBlogPress, lumayan mudah

    Reply

  1. No trackbacks yet.
:D :) ^_^ :( :o 8) ;-( :lol: xD :wink: :evil: :p :whistle: :woot: :sleep: =] :sick: :straight: :ninja: :love: :kiss: :angel: :bandit: :alien: