Favicon, Ekspresikan Idealismemu!
Posted on 17. Jul, 2008 by sigid in Blogging
Apa sih yang dimaksud Favicon? Banyak orang menyebut Favicon atau favorite icon sebagai sebuah ikon website, icon suatu halaman website atau icon yang menjadi bagian dari website atau halaman website dan masih banyak lagi sebutan lainnya. Lha, apa to fungsinya? Tentu banyak alasannya, saya kira tak perlu kita perdebatkan.
Beberapa waktu yang lalu saya sempat berfikir, apa ya kira-kira yang paling pas buat favicon blog ini? Themes blog ini sebenarnya sudah memiliki favicon, tapi saya kok kepengin banget mencoba membuatnya sendiri.
Ternyata gampang-gampang susah untuk merelaisasikannya, karena kalau difikir-fikir lagi, saya kok nggak mau sekadar membuat favicon, tapi lebih dari itu nantinya apa yang saya buat sekaligus bisa berarti menjadi sebuah logo atau apalah yang mewakili identitas blog ini. Iseng-iseng, saya ambil pensil plus selembar kertas, lalu mulai urak-urek menuangkan gagasan yang terlintas di kepala.
Lantas apalagi nih yang mesti dikerjakan? Berhubung saya selama ini baru mengakrabi beberapa program image editing, jadi untuk membuat sket-sket tadi menjadi beberapa bentuk desain, saya coba dengan bantuan CorelDraw. Alhasil, beginilah jadinya, ada beberapa alternatif desain dari pembelajaran saya yang selama ini serba otodidak he..he..
Setelah menimbang-mengingat dan akhirnya memutuskan (pokoke wis tetep-madhep-mantheb ha..ha..ha…), terpilih salah satu bentuk yang menurut saya cukup eye catching –ini subjektif lho…, bisa saja menurutmu kurang menarik tho?
Setelah benar-benar fix, saya eksport gambar tersebut ke Adobe Photoshop. Pada saat mengeksport, saya pastikan pilihan extension filenya PSD, dan hanya gambar yang saya seleksi saja yang saya eksport, sementara untuk latar belakangnya saya setting agar tetap transparan.
Dari PhotoShop, file yang saya eksport tadi saya simpan dengan ekstensi baru, yakni PNG. Kenapa saya memilih format PNG? Karena saya menginginkan favicon ini nantinya bentuknya tetap utuh tanpa tambahan blok putih pada bagian latar belakangnya.
Dengan menggunakan tools yang disediakan oleh dinamicdrive, saya browse file yang sudah saya siapkan tadi untuk dijadikan sebuah icon.
Setelah beberapa saat, selesailah proses pembuatan favicon ini dan saya tinggal mendownloadnya.
Secara otomatis file yang saya download berupa favicon.ico dan langsung bisa saya upload ke direktori themes ini disimpan. Kita sudah bisa sama-sama melihat hasilnya. Nah, monggo dicoba.
Popularity: 32% [?]
No related posts.







lazymankz
19. Jul, 2008
hahaha..mas sigit bisa aja..tp ne asik jg neh tips nya…tapi punyaku gratisan mas..g ada servernya..g bsa upload2 deh…klo di co.cc tu g bsa upload gambar mas??klo aq add image,pasti gak bisa terus..tulisannya error..kalo bisa tolong diberitahu..hehe
Jauhari
22. Jul, 2008
Coretane mantep mantep tenan mas
herdianto
24. Jul, 2008
aku udah bikin trus ku download, tapi bingung mo uploadnya. gimana ya
wi3nd
24. Jul, 2008
salam..:)
keyeen euy coretanna,j9 hasil akhirna..
mauuuuu duuunks giidd..??
*mupeng mode on*
thanQ sudah berkunjung ke blogQ…:)
nita
24. Jul, 2008
waa…keren banget tuh. kreatif. jadi ngiri
masben
28. Jul, 2008
wah bisa di coba0coba nih… kerennnn
Sassie Kirana
28. Jul, 2008
Kunjungan balasan nih
Nice blog..nice template..mudah mudahan yang punya blog juga nice.. he he he …
cantigi
28. Jul, 2008
halo sigit,
blognya keren niy…
artikelnya juga mantheb-mantheb..
thanks udah mampir ke cantigi ya, tetap semangat…
ridhocyber
28. Jul, 2008
weks, keren nih tutorialnya!
makasih banget mas sigid, saya langsung meluncur deh, nyoba dulu! he he
buat herdianto & lazymankz @
kok bingung upload?
coba aja upload di image hosting gratisan seperti : http://imageshack.us/ ,
trus untuk nampilin, ambil link file yang udah di upload tadi.
kemudian, tinggal ubah bagian header template blog kamu dan
masukan tag berikut di bagian :
semoga bermanfaat
nita
29. Jul, 2008
blognya saya link juga ya
bodsink
29. Jul, 2008
weh kayaknya satu selera deh wkwkwkwkwk
sigid ajah
30. Jul, 2008
@wi3nd, @nita, @jauhari, @masben, @sassie, @cantigi, @bodsink: makasih semuanya yaks atas apresiasinya
@ridhocyber: mathur tengkyu dah membantu, tapi tagsnya ga nunguls
@herdianto: coba upload gambarnya di direktori public_html dari cpanel trus di index.php nya, pada bagian header panggil pake
link href="favicon.ico" rel="shortcut icon" title="herdianto.web.id"mudah-mudahan bisa
@lazymankz: kalo kamu dah coba bikin di co.cc pasti bisa kok, contohnya diriku
Fajar Saptono
30. Jul, 2008
hehe sesuatu yang simple dan kadang sering terlupakan.. thanx mas tutorialnya… blon bisa di realisasikan coz masih pake yang wp.com
sigid ajah
31. Jul, 2008
@Fajar Saptono: iya, saya sendiri memilih untuk terus belajar yang justru dimulai dari sesuatu yang kadang dianggap sepele tapi bisa bikin kesalahan fatal
sigid ajah
01. Aug, 2008
@alhakim: mathur tengkyu yaks, masih terus berlajar untuk proses pengembangan neh, maklum newbie
@laporan: mudah-mudahan gampang diingat ya mas, mari berekspresi
@okta: makasih dah berkunjung
mudah-mudahan ga sampai di sini yaks
okta sihotang
01. Aug, 2008
wagh..boleh dicoba negh, mantap
laporan
01. Aug, 2008
Logo memang simpel, namun di dalam nya termuat trademark atau indentitas dalam kehidupan masyarakat, dengan simbol2 maka akan mudah dikenal. Wah saya menjadi tertarik pak, untuk mencobanya.
alhakim
01. Aug, 2008
keren fav iconnya…btw, saya suka dengang theme blognya…
mantaB
Manik
01. Aug, 2008
Sepertinya perlu dicoba neh
anyway, makasi krn telah berkunjung
Nice blog
afwan auliyar
01. Aug, 2008
wew….keren iconnya
boleh2 tuh dicoba
gnw
02. Aug, 2008
nice tutorial, yang begini ini baru saya tau…
thx untuk infone pak !!
achoey sang khilaf
02. Aug, 2008
bagus logonya
kalo yg hurup a
itu mah logo achoey
jempolkaki
03. Aug, 2008
sepertinya gampang
tapi entah, saya kok malah minta bantuan teman, hehehehe…
sigid ajah
04. Aug, 2008
@jempolkaki: nah lho, kadang yang gampang bisa jadi sangat ruwet lho
@achoey: boleh ajah kok kalo berkenan
@afwan auliyar, @gnw: ayo cobain terus
@Manik: makasih juga dah berkunjung
Chika
06. Aug, 2008
siiiipp tutorial nya…..pingin tapi ga tau cara pakai corel draw….
andy29mld
06. Aug, 2008
Balas mampir juga mas, tutorialnya sangat bagus…….
achoey sang khilaf
09. Aug, 2008
ayooooo
ngeblog !!!!!!
edratna
10. Aug, 2008
Info yang menarik
Saya baru pada tahap dibikinkan oleh anak…selanjutnya adalah bagaimana agar tetap bisa menambah tulisan minimal seminggu sekali….inipun masih sulit realisasinya.
firman
12. Aug, 2008
kang…… lam kenal……. he he he h… numpang lewat nich…. mas sigt yang ganeteng…………..
:bandit:
yu2n
12. Aug, 2008
udah lama pingin pasang favicon tp blm sempat
sigid ajah
14. Aug, 2008
@firman: lam kenal juga, jangan cuma lewat dong
@yu2n: mudah-mudahan habis baca, langsung nye,petin buat yaks ^_^
@Dadap: makasih dah berkunjung ya :p
Dadap
14. Aug, 2008
Udah make favicon sih, cuma baru bisa ambil dari gallery. Info bagus buat yang pengen nge-branding blog-nya dengan favicon bikinan sendiri.
cenya95
15. Aug, 2008
kunjungan balik…wow keren nich… blog.
mo ikutan, tapi (tanya mas) Brp lama bikinnya, mas ?
salam terima kasih
Shei
15. Aug, 2008
wah waha….
saia dulu pernah mbikin, tapi kok yo bingung
hehe..
emang dudul kok
sigid ajah
17. Aug, 2008
@Shei : ayo coba lagih, sekarang kan dah ada panduane to :p
@cenya95 : ga lama-lama kok pak, ga sampai berjam-jam
dani
18. Aug, 2008
saya masi bingung kok ada yg bs otomatis muncul di bookmark, ada yg ngga ya..apa beda ya kl itu terintegrasi/tdk di theme langsung utk blog yg berbayar..
ridhocyber
20. Aug, 2008
dani @ gak usah bingung mas dani, untuk hosting berbayar atau gratisan sama aja kok, kalo bisa otomatis masuk boolmark itu mungkin ada tambahan script java untuk auto bookmark ketika blog di akses, kalo ndak salah lho he he he
sigid ajah
24. Aug, 2008
@sandy : sama-sama pak, saya juga masih sangat newbie
ayo belajar berbagi sama-sama ya
terimakasih kunjungannya
sandy
24. Aug, 2008
lam knal omm…
pengen blajar neh..
nubie…
sandys terakhir posting ADSENSENYA INDONESIA
Cebong
25. Aug, 2008
*newbie seminggu :p
lah saya malah ndak bisa sotosop mas, favicon nya malah bikin pake mikrosop publisher featuring picture manager *bener2 bukan sopwer image editing* :sick:
* cebong kan idup di sawah yg ijo penuh daon semanggi.
xixixixixi
favicon nya ebong…semanggi…secara *masih musim secara gag siy
Salam kenal yho mas, Ayooo nge-blooog
sigid ajah
26. Aug, 2008
@Cebong: pake apa ajah ga soal kok, yang penting pesennya sampe
makasih sudah berkunjung mudah-mudahan betah
Bayu Aditya
06. Sep, 2008
itu faviconnya buat pake corel ya? keren nih
ryan
12. Sep, 2008
wah saya udah utak atik header.php tp faviconnya gk muncul2,, help me, mayday, tolong tulisin tagnya selengkapnya y, hehe,, upload favicon bagusnya dimana ya mas, sy pakai flickr
syarifudin
28. Oct, 2008
bung coretannya informatif, martur tengkyu…. btw banner yang atas ditambahi dong…ato ganti dengan banner yang bersifat layanan masyarakat…ciele… :vampire_ee:
lattena
14. Jan, 2009
mampiiiiiiiiiiiiiiiiiiiiirrrrrrrrrrrrr ahhhhhhhhh
lattena terakhir posting Tercebur di forum IBSN
Rahmat Miftahul Habib
22. Jan, 2009
Jadi pengen punya domain sendiri