Selamat datang di kantor saya!

antoro.net dalam tahap transformasi...

  • 02
    Apr

    Cara membuat favourite icon/favicon di wordpress

    Sudah direvisi, thanks buat ade atas kritiknya…

    Tutorial ini berawal pas beli nih domain, temenku si fanza (yang punya blog dot com baru haha) tanya, “gimana sih caranya buat gambar kecil di kiri http//…. pada browser?”

    Oh, itu namanya favourite icon alias favicon. Favicon adalah gambar kecil berukuran 16 x 16 pixel yang berekstensi .ico. Fungsinya untuk mempermanis sebuah title website ketika berada dalam tab browser (lihat gambar)

    1

    Karena lagi marak-maraknya main wordpress, akan kutampilkan cara menampilkan favicon di blog wordpress. Jadi perhatikan baik-baik… (buat yang themes nya sudah ada favicon nya, tinggal ganti aja gambar dengan yang kamu suka, bagi yang belum ada favicon.ico ini caranya…)

    Eh sebelumnya, buat dulu gambar favicon nya lewat corel atau photoshop, tapi aku lebih milih pakai photoshop, gambarnya lebih bagus. Ini caraku membuat favicon (nggak tau kalo yang lain)

    pertama buka photoshop, buat halaman baru, terus kasih ukuran 16 x 16 pixel. buatlah gambar sesuka kamu. Ukurannya kecil, jadi jangan buat gambar yang terlalu mendetail.

    Setelah selesai, pilih file file >> save for web & devices… atau pencet Alt+Shift+Ctrl+S pada keyboard. Nah kalau gambar favicon kita tidak penuh (seperti favicon saya) lalu di save dengan format .jpg gambar tidak akan terlihat transparan alias bentuknya kotak dengan background putih dibelakangnya, maka ganti format gambar menjadi PNG-24 dan contreng transparancy. Lanjutkan dengan save.

    Nah ini tahap yang paling penting, pada jendela save, ada kolom file name , isi dengan mengetikkan: favicon.ico terus simpan di hardisk alias klik Save.

    langkah selanjutnya adalah upload favicon tadi lewat file manager. Buka file manager, terus masuk ke direktori themes yang saat ini aktif (maksudnya themes yang digunakan saat ini) htdocs > wp-content > themes > tema yang aktif

    Oke, upload gambar favicon tadi, satu direktori dengan index.php,header.php…etc

    Saatnya kita edit index.php untuk memanggil favicon tadi biar tampil. caranya login ke dashboard wordpress, masuk ke themes editor, cari yang header.php, klik!

    kopi kode berikut:
    <link rel="shortcut icon" href="<?php bloginfo('template_url'); ?>/favicon.ico" type="image/x-icon" />

    dan paste di atas kode berikut:

    <?php wp_head(); ?>

    lalu klik update! Buka kembali alamat blog kita, jika belum muncul, coba clear private data browser kita, dan buka lagi… Selamat mencoba

    Posted by pandjoel in Tutorial

    Tag:,

19 Comments - Post your comment

  1. Tuh za, dah tak kasih tutorialnya…

  2. woyyy,thanks ejol!!!!
    heheheh

  3. pi ye e njoel. tak imel, ra dibales, padahal yo podho-podho o el. oio comment blog ku wis iso njoel. dadi rasido takon koe.

  4. tampang mu ki lho nji kok medeni… hahahahaha

  5. excited bwt blajar web…

  6. salut deh yun, beli domain dot com ato dot net juga donk

  7. ohhh gitu ya mas???
    sa,pean anak amikom toh??
    ckckckck

  8. To ard » loh, sampean anak mana ya? kok kenal saya? salam kenal aja deh…

  9. Thanks brother…

  10. Siiipppppppp….

    Cen ra mbakat design cen angen yo Njulll…..

    posting terakhir dari blog milik sawit adalah

  11. maz…gmn cara namplin..header.php temanya ,?aq mash bngng bnget..ni!!!thnx ats bmbngnnya

  12. maz…mau tnya lg..ni.gmn cranya biar postingan blog kita bisa terindex d search engine?maaf maz klu aq kbanyaan nanya!cause baru pemula

  13. akhirnya bisa juga pasang favicon; setelah trial error; thx..

  14. searching ttg bikin favicon di wordpress.org akhirnya ketemu situs ini.
    Thx for great tips…

  15. @mahardi: sama-sama…

  16. Thanks tips sdh aq coba dan berhasil..btw sampean koq ga pasang favicon?
    kunjungi webQ ya..Toko Laptop

  17. @Laptop murah: hehe maklum belum sepet, baru aja ganti themes…. sip^^

  18. Dicoba dah bang! Makasi tutorialnya! :D

  19. @bagosbanget: sama sama ^^


Leave a comment

intoduction

Hello World