1. Halo Guest, pastikan Anda selalu menaati peraturan forum sebelum mengirimkan post atau thread baru.

[Share] Tutorial Membuat Favicon

Discussion in 'Desain Web & Grafis' started by pekalongan, Feb 14, 2011.

  1. pekalongan

    pekalongan Super Hero

    Joined:
    Jan 26, 2010
    Messages:
    1,196
    Likes Received:
    51
    Location:
    Malang
    [​IMG]


    Salam
    Hari ini adalah hari lahir manusia paling mulia. Semoga Sholawat dan Salam selalu tercurahkan pada Nabi Muhammad Shallahu 'Alaihi Wa Alihi Wasallam

    Oke kali ini Kita akan membuat favicon atau bookmark icon dengan GIMP. yang belum punya silahkan download di //gimp.org. Spesial di post ke 500 Saya di Adsense-ID tercinta :D

    1&2. Buka GIMP Agan, Klik File > Open Location. Isikan path url dari logo yang akan kita jadikan favicon. Bisa juga menggunakan open file (selera Anda)

    [​IMG]
    [​IMG]

    3. Bersihkan text "Komunitas Publisher Indonesia" dengan Erase Tool agar Kita bisa mengambil logo Adsense-ID, lalu Klik Image > Autocrop Image

    [​IMG]

    4. Hasil crop masih belum rapi karena panjang dan lebarnya tidak sama, maka Kita samakan ukurannya dengan klik Image > Canvas Size...

    [​IMG]

    5. Oke. Ukuran sudah sama. Sebuah favicon.ico akan tampil maksimal pada ukuran 16x16. Klik Image > Scale Image... isikan 16px

    [​IMG]

    6. Terakhir kita simpan dalam format Microsoft Windows Icon (*.ico). Anda cukup manamai file dengan akhiran ".ico"

    [​IMG]

    Semoga sedikit membantu, alhamdulillah jadi pelaris, misalkan agan kagak mau ribet, biar dilimpahkan ke lapak saya, anti mahal, kualitas dijamin sampai terpasang :D

    http://www.adsense-id.com/forums/showthread.php/58730-Quality-Logo-Header-Banner-and-More-from-Pekalongan :D

    For mimin/momod:
    - Kalau faviconnya mau dipakein di forum saya tambah sumringah, langsung PM ya :D

    [​IMG]
     
    ikiddie, boyreza3, engkusplus and 6 others like this.
  2. rushan

    rushan Rushan.my.id

    Joined:
    Nov 10, 2009
    Messages:
    1,206
    Likes Received:
    251
    Location:
    Yogyakarta
    mantap gan..thanks

    pas lg cari tutorial ini..:)
     
  3. jatrasmara

    jatrasmara ???

    Joined:
    Sep 10, 2010
    Messages:
    966
    Likes Received:
    15
    Location:
    ★ Adsense-id ★
    nice share :)
     
  4. pekalongan

    pekalongan Super Hero

    Joined:
    Jan 26, 2010
    Messages:
    1,196
    Likes Received:
    51
    Location:
    Malang
    tritnya sepi :D

    thx buat agan2 yang like :D
     
  5. trekmu

    trekmu Super Hero

    Joined:
    Feb 17, 2010
    Messages:
    1,673
    Likes Received:
    118
    Location:
    di rumah saja
    abis ini kayak nya ada tutorial cara cepat buat banner nich :D
     
  6. lence

    lence Super Hero

    Joined:
    Dec 17, 2007
    Messages:
    801
    Likes Received:
    68
    kalo ane biasanya ane edit di faviconnya sendiri dalam folder templatenya, jadi bisa lebih tokcer (klo pake WP),klo selain wp tinggal upload aja trus pake link ini :

    <link rel="shortcut icon" type="image/x-icon" href="http://situsanda.com/favicon.ico" /> tepat dibawah code </head>

    klo berguna, silahkan copas aja code ini, dijamin bermanfaat deh, semoga bisa membantu ya bro
     
  7. pekalongan

    pekalongan Super Hero

    Joined:
    Jan 26, 2010
    Messages:
    1,196
    Likes Received:
    51
    Location:
    Malang
    cara cepat ya make template gan, tapi gak mungkin bisa unik :)

    kasusnya di sini kan forumnya belum punya favicon, btw tambahan bagus gan :D
     
  8. inuel

    inuel JualBeliArtikel.com

    Joined:
    Jul 8, 2010
    Messages:
    903
    Likes Received:
    14
    Location:
    Jombang
    keren :D
     
  9. assyams

    assyams Pengangguran

    Joined:
    Oct 21, 2010
    Messages:
    2,281
    Likes Received:
    112
    Location:
    Pulau Giligenting
    Klo ane lebih suka taro langsung ikonnya diRoot Folder domain gan, kasih nama favicon.ico lansung nongol dah ikonnya tanpa edit ini itu :D
     
  10. pekalongan

    pekalongan Super Hero

    Joined:
    Jan 26, 2010
    Messages:
    1,196
    Likes Received:
    51
    Location:
    Malang
    bentoel gan, sebagian besar browser modern akan otomatis menampilkan favicon jika mendeteksi favicon.ico di root folder :)
     
  11. xenovesta

    xenovesta Super Hero

    Joined:
    Sep 1, 2010
    Messages:
    857
    Likes Received:
    11
    thanks gan.
    kalo di sotoshop ga bsa convert ke ico :-d
     
  12. pekalongan

    pekalongan Super Hero

    Joined:
    Jan 26, 2010
    Messages:
    1,196
    Likes Received:
    51
    Location:
    Malang
    mosok gak bisa gan :))

    make GIMP aja http://gimp.org atau http://gimp-win.sourceforge.net untuk windows installer :)

    kalo terpaksa bisa juga di Save As .PNG, trus rename paksa jadi .ICO :D
     
  13. Landak

    Landak Newbie

    Joined:
    Jun 20, 2011
    Messages:
    11
    Likes Received:
    0
  14. maya123

    maya123 Newbie

    Joined:
    Jul 16, 2011
    Messages:
    31
    Likes Received:
    0
    Location:
    jakarta
    nice share..thanks
     
  15. pekalongan

    pekalongan Super Hero

    Joined:
    Jan 26, 2010
    Messages:
    1,196
    Likes Received:
    51
    Location:
    Malang
    kembali gan, monggo dicoba dulu :D
     
  16. Overtrack

    Overtrack Banned

    Joined:
    Jan 13, 2011
    Messages:
    303
    Likes Received:
    1
    Root Folder maksudnya gimana gan? Ane taruh di dalam Folder Theme, misalnya Bluesense, tapi Faviconnya nggak muncul :nangis:
     
  17. pekalongan

    pekalongan Super Hero

    Joined:
    Jan 26, 2010
    Messages:
    1,196
    Likes Received:
    51
    Location:
    Malang
    kasih ini dulu gan :D

    buka header.php make text editor notepad+ atau yang lain :)

    cari
    PHP:
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    di bawahnya persis (pokonya gak lebih dari </head>)

    PHP:
    <link rel="Shortcut Icon" href="<?php bloginfo('stylesheet_directory');?>/favicon.ico" type="image/x-icon" />
    save. jangan lupa upload favicon.ico di folder theme (BlueSense) :D
     
    Overtrack likes this.
  18. Rienz

    Rienz Hero

    Joined:
    Jul 8, 2010
    Messages:
    529
    Likes Received:
    35
    Nambahin aja, kalau mau bikin favicon dgn praktis bisa ke sini :
    Tinggal upload gambar, tekan create icon & download favicon.
     
  19. ekads

    ekads Hero

    Joined:
    Jan 7, 2010
    Messages:
    631
    Likes Received:
    42
    Location:
    Denpasar-Bali
    wah..ijin baca sharingnya gan..
    ane ga ngerti klo urusan edit-mengedit gambar nie..
     
  20. Cordova

    Cordova Newbie

    Joined:
    Jul 5, 2011
    Messages:
    49
    Likes Received:
    0
    Favicon sama header sama ga gan?Btw, kemarin ane bikin header untuk blogcepot pake photoscape tapi kok ukurannya jadi kecil ya header nya?ada yang bisa bantu gan kesalahan saya di mana.Suwun gan:entahlah:
     

Share This Page