tag:blogger.com,1999:blog-56283903865298145002011-04-22T06:08:51.374+07:00Teknik Pembuatan FaviconAndre wibisono. SHhttp://www.blogger.com/profile/00943786705036005264noreply@blogger.comBlogger11100tag:blogger.com,1999:blog-5628390386529814500.post-60465256674579779802008-06-08T22:45:00.003+07:002008-12-09T11:03:03.466+07:00<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_P67vbpWNKo4/SEv_f3AvlqI/AAAAAAAAAP8/6djL8mzMVHo/s1600-h/DSC002035.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_P67vbpWNKo4/SEv_f3AvlqI/AAAAAAAAAP8/6djL8mzMVHo/s200/DSC002035.jpg" alt="" id="BLOGGER_PHOTO_ID_5209538316792207010" border="0" /></a><br /><span style="font-weight: bold;"></span><h2>Inspirasi Favicons untuk Website Anda</h2> <p>Sebenarnya sayang sekali jika banyak web desainer tidak menggunakan Favicons dalam website - websitenya (termasuk di Rumahweb.NET - sabar .. baru di buat). <strong>Favicons</strong> adalah image berukuran mini (16 x 16 pixels) yang dapat di tampilkan pada URL bar browser dan bookmark. Favicons membuat citra tersendiri pada pengunjung website Anda karena mampu tampil dalam bookmark sehingga mudah dikenali.</p> <p>Supaya tampil <em>greng</em> favicons harus <em>eye catching</em> dan sesuai dengan logo atau konsep desain halaman web.</p>Kali ini saya coba tampilkan beberapa favicons yang mungkin bisa menjadi inspirasi untuk website Anda : <p><strong>Petal</strong></p> <table border="0" cellpadding="8"> <tbody><tr> <td><a href="http://www.aurea.es/"><img src="http://img.rumahweb.net/blog/favicon/aurea.gif" alt="favicon/" border="0" height="16" width="16" /></a></td> <td>http://www.aurea.es/</td> </tr> <tr> <td><a href="http://www.fxis.net/"><img src="http://img.rumahweb.net/blog/favicon/flex.gif" alt="favicon/" border="0" height="16" width="16" /></a></td> <td>http://www.fxis.net/</td> </tr> <tr> <td><a href="http://www.divshare.com/"><img src="http://img.rumahweb.net/blog/favicon/divshare.gif" alt="favicon/" border="0" height="16" width="16" /></a></td> <td>http://www.divshare.com/</td> </tr> <tr> <td><a href="http://www.tanyamerone.com/"><img src="http://img.rumahweb.net/blog/favicon/tanya.gif" alt="favicon/" border="0" height="16" width="16" /></a></td> <td>http://www.tanyamerone.com/</td> </tr> <tr> <td><a href="http://www.akken.com/"><img src="http://img.rumahweb.net/blog/favicon/akken.gif" alt="favicon/" border="0" height="16" width="16" /></a></td> <td>http://www.akken.com/</td> </tr> <tr> <td><a href="http://www.kepu.net.cn/english/"><img src="http://img.rumahweb.net/blog/favicon/kepu.gif" alt="favicon/" border="0" height="16" width="16" /></a></td> <td>http://www.kepu.net.cn/english/</td> </tr> </tbody></table> <p><span id="more-10"></span><strong>Bulat</strong></p> <table border="0" cellpadding="8"> <tbody><tr> <td><a href="http://www.fat-man-collective.com/"><img src="http://img.rumahweb.net/blog/favicon/fat.gif" alt="favicon/" border="0" height="16" width="16" /></a></td> <td>http://www.fat-man-collective.com/</td> </tr> <tr> <td><a href="http://www.lisensa.com/"><img src="http://img.rumahweb.net/blog/favicon/lisensa.gif" alt="favicon/" border="0" height="16" width="16" /></a></td> <td>http://www.lisensa.com/</td> </tr> <tr> <td><a href="http://www.lorop-it.de/"><img src="http://img.rumahweb.net/blog/favicon/3a.gif" border="0" height="16" width="16" /></a></td> <td>http://www.lorop-it.de/</td> </tr> <tr> <td><a href="http://www.akamai.com/"><img src="http://img.rumahweb.net/blog/favicon/fav-10.gif" border="0" height="16" width="16" /></a></td> <td>http://www.akamai.com</td> </tr> <tr> <td><a href="http://www.cogmap.com/"><img src="http://img.rumahweb.net/blog/favicon/cog.gif" alt="favicon/" border="0" height="16" width="16" /></a></td> <td>http://www.cogmap.com/</td> </tr> <tr> <td><a href="http://www.colorwarepc.com/"><img src="http://img.rumahweb.net/blog/favicon/colorw.gif" alt="favicon/" border="0" height="16" width="16" /></a></td> <td>http://www.colorwarepc.com/</td> </tr> <tr> <td><a href="http://www.evozon.com/"><img src="http://img.rumahweb.net/blog/favicon/evozon.gif" alt="favicon/" border="0" height="16" width="16" /></a></td> <td>http://www.evozon.com/</td> </tr> <tr> <td><a href="http://www.diabetesgate.de/"><img src="http://img.rumahweb.net/blog/favicon/7a.gif" border="0" height="16" width="16" /></a></td> <td>http://www.diabetesgate.de/</td> </tr> <tr> <td><a href="http://www.adelaidemetro.com.au/"><img src="http://img.rumahweb.net/blog/favicon/fav-11.gif" border="0" height="16" width="16" /></a></td> <td>http://www.adelaidemetro.com.au/</td> </tr> </tbody></table> <p><strong>Huruf</strong></p> <table border="0" cellpadding="8"> <tbody><tr> <td><a href="http://www.cubexagency.com/"><img src="http://img.rumahweb.net/blog/favicon/cubex.gif" alt="favicon/" border="0" height="16" width="16" /></a></td> <td>http://www.cubexagency.com/</td> </tr> <tr> <td><a href="http://www.lisensa.com/"><img src="http://img.rumahweb.net/blog/favicon/lisensa.gif" alt="favicon/" border="0" height="16" width="16" /></a></td> <td>http://www.lisensa.com/</td> </tr> <tr> <td><a href="http://www.somox.com/"><img src="http://img.rumahweb.net/blog/favicon/somox.gif" alt="favicon/" border="0" height="16" width="16" /></a></td> <td>http://www.somox.com/</td> </tr> <tr> <td><a href="http://www.piqniq.jp/"><img src="http://img.rumahweb.net/blog/favicon/ping.gif" alt="favicon/" border="0" height="16" width="16" /></a></td> <td>http://www.piqniq.jp/</td> </tr> <tr> <td><a href="http://www.eight6.com/"><img src="http://img.rumahweb.net/blog/favicon/e6.gif" alt="favicon/" border="0" height="16" width="16" /></a></td> <td>http://www.eight6.com/</td> </tr> <tr> <td><a href="http://reachgroupconsulting.com/"><img src="http://img.rumahweb.net/blog/favicon/rg.gif" alt="favicon/" border="0" height="16" width="16" /></a></td> <td>http://reachgroupconsulting.com/</td> </tr> <tr> <td><a href="http://www.flexy.info/"><img src="http://img.rumahweb.net/blog/favicon/flex2.gif" alt="favicon/" border="0" height="16" width="16" /></a></td> <td>http://www.flexy.info/</td> </tr> <tr> <td><a href="http://www.kiva.org/"><img src="http://img.rumahweb.net/blog/favicon/kiva.gif" alt="favicon/" border="0" height="16" width="16" /></a></td> <td>http://www.kiva.org/</td> </tr> </tbody></table> <p><strong>Ornamen</strong></p> <table border="0" cellpadding="8"> <tbody><tr> <td><a href="http://www.imthere.com/"><img src="http://img.rumahweb.net/blog/favicon/imthere.gif" alt="favicon/" border="0" height="16" width="16" /></a></td> <td>http://www.imthere.com/</td> </tr> <tr> <td><a href="http://www.elevenmedia.com/"><img src="http://img.rumahweb.net/blog/favicon/eleven.gif" alt="favicon/" border="0" height="16" width="16" /></a></td> <td>http://www.elevenmedia.com/</td> </tr> <tr> <td><a href="http://www.roisure.com/"><img src="http://img.rumahweb.net/blog/favicon/roisure.gif" alt="favicon/" border="0" height="16" width="16" /></a></td> <td>http://www.roisure.com/</td> </tr> <tr> <td><a href="http://www.pixellogo.com/"><img src="http://img.rumahweb.net/blog/favicon/pixellogo.gif" alt="favicon/" border="0" height="16" width="16" /></a></td> <td>http://www.pixellogo.com/</td> </tr> <tr> <td><a href="http://www.thinkpinkstudio.com/"><img src="http://img.rumahweb.net/blog/favicon/thinkpink.gif" alt="favicon/" border="0" height="16" width="16" /></a></td> <td>http://www.thinkpinkstudio.com/</td> </tr> <tr> <td><a href="http://www.mattwebb.com.au/"><img src="http://img.rumahweb.net/blog/favicon/matwebb.gif" alt="favicon/" border="0" height="16" width="16" /></a></td> <td>http://www.mattwebb.com.au/</td> </tr> </tbody></table> <p><strong>Kotak</strong></p> <table border="0" cellpadding="8"> <tbody><tr> <td><a href="http://www.sumagency.com/"><img src="http://img.rumahweb.net/blog/favicon/suma.gif" alt="favicon/" border="0" height="16" width="16" /></a></td> <td>http://www.sumagency.com/</td> </tr> <tr> <td><a href="http://www.indesign.einsteiger-portal.de/"><img src="http://img.rumahweb.net/blog/favicon/1a.gif" border="0" height="16" width="16" /></a></td> <td>http://www.indesign.einsteiger-portal.de/</td> </tr> <tr> <td><a href="http://www.kirkpatrickbank.com/"><img src="http://img.rumahweb.net/blog/favicon/fav-5.gif" border="0" height="16" width="16" /></a></td> <td>http://www.kirkpatrickbank.com/</td> </tr> <tr> <td><a href="http://deforum.ru/"><img src="http://img.rumahweb.net/blog/favicon/deforum.gif" alt="favicon/" border="0" height="15" width="15" /></a></td> <td>http://deforum.ru/</td> </tr> <tr> <td><a href="http://www.imasters.com.br/"><img src="http://img.rumahweb.net/blog/favicon/imasters.gif" alt="favicon/" border="0" height="16" width="16" /></a></td> <td>http://www.imasters.com.br/</td> </tr> <tr> <td><a href="http://www.ouvaton.coop/"><img src="http://img.rumahweb.net/blog/favicon/9a.gif" border="0" height="16" width="16" /></a></td> <td>http://www.ouvaton.coop/</td> </tr> <tr> <td><a href="http://detlog.org/"><img src="http://img.rumahweb.net/blog/favicon/detlog.gif" alt="favicon/" border="0" height="16" width="16" /></a></td> <td>http://detlog.org/</td> </tr> <tr> <td><a href="http://www.ministrycamp.com/"><img src="http://img.rumahweb.net/blog/favicon/minis.gif" alt="favicon/" border="0" height="16" width="16" /></a></td> <td>http://www.ministrycamp.com/</td> </tr> <tr> <td><a href="http://www.getpaint.net/"><img src="http://img.rumahweb.net/blog/favicon/paint.gif" alt="favicon/" border="0" height="16" width="16" /></a></td> <td>http://www.getpaint.net/</td> </tr> <tr> <td><a href="http://microformats.org/"><img src="http://img.rumahweb.net/blog/favicon/micro.gif" alt="favicon/" border="0" height="16" width="16" /></a></td> <td>http://microformats.org/</td> </tr> <tr> <td><a href="http://www.kath-thun.ch/"><img src="http://img.rumahweb.net/blog/favicon/4a.gif" border="0" height="16" width="16" /></a></td> <td>http://www.kath-thun.ch/</td> </tr> <tr> <td><a href="http://www.campus-and-more.de/"><img src="http://img.rumahweb.net/blog/favicon/5a.gif" border="0" height="16" width="16" /></a></td> <td>http://www.campus-and-more.de/</td> </tr> <tr> <td><a href="http://pro-buero.com/"><img src="http://img.rumahweb.net/blog/favicon/fav-1.gif" border="0" height="16" width="16" /></a></td> <td>http://pro-buero.com/</td> </tr> <tr> <td><a href="http://www.quada-office.de/"><img src="http://img.rumahweb.net/blog/favicon/fav-7.gif" border="0" height="16" width="16" /></a></td> <td>http://www.quada-office.de</td> </tr> <tr> <td><a href="http://www.modulio.net/"><img src="http://img.rumahweb.net/blog/favicon/fav-9.gif" border="0" height="16" width="16" /></a></td> <td>http://www.modulio.net/</td> </tr> </tbody></table> <p><strong>Macem - macem</strong></p> <table border="0" cellpadding="8"><tbody><tr> <td><a href="http://www.joomlart.com/"><img src="http://img.rumahweb.net/blog/favicon/joomla.gif" alt="favicon/" border="0" height="16" width="16" /></a></td> <td>http://www.joomlart.com/</td> </tr> <tr> <td><a href="http://letterpop.com/"><img src="http://img.rumahweb.net/blog/favicon/letterpop.gif" alt="favicon/" border="0" height="16" width="16" /></a></td> <td>http://letterpop.com/</td> </tr> <tr> <td><a href="http://www.illustrationclass.com/" target="http://www.illustrationclass.com/"><img src="http://img.rumahweb.net/blog/favicon/illust.gif" alt="favicon/" border="0" height="16" width="16" /></a></td> <td>http://www.illustrationclass.com/</td> </tr> <tr> <td><a href="http://www.trendwatching.com/"><img src="http://img.rumahweb.net/blog/favicon/2a.gif" border="0" height="16" width="16" /></a></td> <td>http://www.trendwatching.com/</td> </tr> <tr> <td><a href="http://www.edag.hu/"><img src="http://img.rumahweb.net/blog/favicon/8a.gif" border="0" height="16" width="16" /></a></td> <td>http://www.edag.hu/</td> </tr> <tr> <td><a href="http://www.elektro.de/"><img src="http://img.rumahweb.net/blog/favicon/10a.gif" border="0" height="16" width="16" /></a></td> <td>http://www.elektro.de/</td></tr></tbody></table><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5628390386529814500-6046525667457977980?l=andre-palapa.blogspot.com' alt='' /></div>Andre wibisono. SHhttp://www.blogger.com/profile/00943786705036005264noreply@blogger.com1