Paso 1. Create un icono a tu gusto. Abre un editor de imagenes, como photoshop por ejemplo. Create una imagen de 16x16 pixeles. guardala como gif y luego renombrala a .ico
Paso 2. Añade esta linea en el HEAD de la web, por ejemplo debajo de la etiqueta
:
<br /><blockquote class="uncited"><div><link rel="shortcut icon" href="http://direcion de tu pagina/archivo.ico"></div></blockquote>
<br />
<br />Y ya esta. Es muy facil.
<br /><img src="/images/smilies/nuevos2/adio.gif" alt="[bye]" title="adios" /> Salu2... </div> </div> </div> </div> <div id="p1704412734" data-id="1704412734" itemscope itemprop="suggestedAnswer" itemtype="https://schema.org/Answer" class="row post " > <div itemprop="author" itemscope itemtype="https://schema.org/Person" class="col-xs-24 col-sm-6 col-md-4 col-lg-3 profile" > <span> <span itemprop="name" class="author ellipsize"> katxan </span></span> <time class="visible-xs-block" datetime="2006-04-26T10:52:53+00:00" title="26/04/2006 - 12:52:53"> <a class="permalink unread" href="https://www.elotrolado.net/hilo_como-poner-un-icono-personalizado-en-mi-web_543780#p1704412734"> 26 abr 2006 12:52 * </a> </time> <div class="mobile-profile-btn"><span></span><span></span><span></span></div> <div class="avatar" title="katxan no está conectado"> <img itemprop="image" src="https://download.elotrolado.net/avatares/480" alt="Avatar de katxan"> </div> <div class="mobile-profile"> <div class="status">Beti zirikatzen</div> <div class="staff"> </div> <div class="about"> <b> 16.057 </b> mensajes<br>desde <b>oct 2000</b><br>en <b>Zizur (Euskal Herria Sur)</b> </div> <div class="buttons"> <a itemprop="url" class="web" rel="nofollow" target="_blank" href="http://www.lectoreselectronicos.com" title="Página web de katxan">Página web de katxan</a> </div> <span class="visible-xs-block edited"> <span class="edited"> Editado 1 vez. Última: 26/04/2006 - 13:01:58 por katxan. </span> </span> </div> </div> <div class="col-xs-24 mobile-profile-wrap"></div> <div class="col-xs-24 col-sm-18 col-md-20 col-lg-21 content"> <div class="visible-xs-block"> </div> <div class="row hidden-xs"> <div class="first-half col-sm-24 col-md-12"> <span class="edited" title="Editado 1 vez. Última: 26/04/2006 - 13:01:58 por katxan. " >*</span> <time itemprop="dateCreated" datetime="2006-04-26T10:52:53+00:00" title="26/04/2006 - 12:52:53"> <a itemprop="url" href="https://www.elotrolado.net/hilo_como-poner-un-icono-personalizado-en-mi-web_543780#p1704412734" class="permalink share unread" rel="nofollow"> 26 abr 2006 12:52 </a> </time> </div> <div class="col-sm-24 col-md-12 actions"> <meta itemprop="upvoteCount" content="0" /> <div class="buttons"> <a class="permalink share visible-xs-inline-block" href="https://www.elotrolado.net/hilo_como-poner-un-icono-personalizado-en-mi-web_543780#p1704412734" rel="nofollow">Enlace permanente</a> </div> </div> </div> <div class="row"> <div itemprop="text" class="col-xs-24 message "> A eso se le llama favicon. Busca ese nombre en google y tendrás tu respuesta, pequeño padawan <img src="/images/smilies/nuevos2/cunyao.gif" alt=":Ð" title="cuñaaaaaooooo" />
<br />
<br />En [url=[url]http://www.htmlkit.com/services/favicon/[/url]]esta página[/URL] te lo hacen automáticamente, para que no tengas que currarte nada (incluso lo puedes hacer animado) </div> </div> </div> </div> <div id="p1704561538" data-id="1704561538" itemscope itemprop="suggestedAnswer" itemtype="https://schema.org/Answer" class="row post " > <div itemprop="author" itemscope itemtype="https://schema.org/Person" class="col-xs-24 col-sm-6 col-md-4 col-lg-3 profile" > <span> <span itemprop="name" class="author ellipsize"> Diskover </span></span> <time class="visible-xs-block" datetime="2006-05-16T21:20:41+00:00" title="16/05/2006 - 23:20:41"> <a class="permalink unread" href="https://www.elotrolado.net/hilo_como-poner-un-icono-personalizado-en-mi-web_543780#p1704561538"> 16 may 2006 23:20 * </a> </time> <div class="mobile-profile-btn"><span></span><span></span><span></span></div> <div class="avatar" title="Diskover no está conectado"> <img itemprop="image" src="https://download.elotrolado.net/avatares/33095" alt="Avatar de Diskover"> </div> <div class="mobile-profile"> <div class="status">Y que viva la NES</div> <div class="staff"> </div> <div class="about"> <b> 10.777 </b> mensajes<br>desde <b>jul 2003</b><br>en <b>Planeta Tierra</b> </div> <div class="buttons"> <a itemprop="url" class="web" rel="nofollow" target="_blank" href="http://www.retrones.net" title="Página web de Diskover">Página web de Diskover</a> </div> <span class="visible-xs-block edited"> <span class="edited"> Editado 1 vez. Última: 16/05/2006 - 23:33:16 por Diskover. </span> </span> </div> </div> <div class="col-xs-24 mobile-profile-wrap"></div> <div class="col-xs-24 col-sm-18 col-md-20 col-lg-21 content"> <div class="visible-xs-block"> </div> <div class="row hidden-xs"> <div class="first-half col-sm-24 col-md-12"> <span class="edited" title="Editado 1 vez. Última: 16/05/2006 - 23:33:16 por Diskover. " >*</span> <time itemprop="dateCreated" datetime="2006-05-16T21:20:41+00:00" title="16/05/2006 - 23:20:41"> <a itemprop="url" href="https://www.elotrolado.net/hilo_como-poner-un-icono-personalizado-en-mi-web_543780#p1704561538" class="permalink share unread" rel="nofollow"> 16 may 2006 23:20 </a> </time> </div> <div class="col-sm-24 col-md-12 actions"> <meta itemprop="upvoteCount" content="0" /> <div class="buttons"> <a class="permalink share visible-xs-inline-block" href="https://www.elotrolado.net/hilo_como-poner-un-icono-personalizado-en-mi-web_543780#p1704561538" rel="nofollow">Enlace permanente</a> </div> </div> </div> <div class="row"> <div itemprop="text" class="col-xs-24 message "> Ok, ya funciona. </div> </div> </div> </div> <div id="p1704561748" data-id="1704561748" itemscope itemprop="suggestedAnswer" itemtype="https://schema.org/Answer" class="row post " > <div itemprop="author" itemscope itemtype="https://schema.org/Person" class="col-xs-24 col-sm-6 col-md-4 col-lg-3 profile" > <span> <span itemprop="name" class="author ellipsize"> Yui_K </span></span> <time class="visible-xs-block" datetime="2006-05-16T21:37:48+00:00" title="16/05/2006 - 23:37:48"> <a class="permalink unread" href="https://www.elotrolado.net/hilo_como-poner-un-icono-personalizado-en-mi-web_543780#p1704561748"> 16 may 2006 23:37 </a> </time> <div class="mobile-profile-btn"><span></span><span></span><span></span></div> <div class="avatar" title="Yui_K no está conectada"> <img itemprop="image" src="https://download.elotrolado.net/avatares/76484" alt="Avatar de Yui_K"> </div> <div class="mobile-profile"> <div class="status">Saurus Exquisitus</div> <div class="staff"> </div> <div class="about"> <b> 3.819 </b> mensajes <br>y <b>1</b> foto<br>desde <b>dic 2005</b><br>en <b>El Vallès Oriental</b> </div> <div class="buttons"> </div> </div> </div> <div class="col-xs-24 mobile-profile-wrap"></div> <div class="col-xs-24 col-sm-18 col-md-20 col-lg-21 content"> <div class="visible-xs-block"> </div> <div class="row hidden-xs"> <div class="first-half col-sm-24 col-md-12"> <time itemprop="dateCreated" datetime="2006-05-16T21:37:48+00:00" title="16/05/2006 - 23:37:48"> <a itemprop="url" href="https://www.elotrolado.net/hilo_como-poner-un-icono-personalizado-en-mi-web_543780#p1704561748" class="permalink share unread" rel="nofollow"> 16 may 2006 23:37 </a> </time> </div> <div class="col-sm-24 col-md-12 actions"> <meta itemprop="upvoteCount" content="0" /> <div class="buttons"> <a class="permalink share visible-xs-inline-block" href="https://www.elotrolado.net/hilo_como-poner-un-icono-personalizado-en-mi-web_543780#p1704561748" rel="nofollow">Enlace permanente</a> </div> </div> </div> <div class="row"> <div itemprop="text" class="col-xs-24 message "> Vaya, justo iba a resonderte que sí funcionaba, que le dieras a ctrl+F5. que lenta soy ^^U </div> </div> </div> </div> <div class="total-replies"><span itemprop="answerCount">4</span> respuestas </div> </div> </div> <div class="row topic-actions"> <div class="col-xs-24 col-sm-12 nogutter"> <a title="Hilo archivado" href="./posting.php?mode=reply&f=11&t=543780" class="action-btn archived" rel="nofollow">Archivado</a ><form method="get" action="/search.php"> <input type="text" name="keywords" placeholder="Buscar en este hilo…" ><input type="submit" value="" title="Buscar"> <input type="hidden" value="543780" name="t"> <input type="hidden" value="msgonly" name="sf"> </form> </div ><div class="col-xs-24 col-sm-12 nogutter second-half"> <div class="pages"><a rel="nofollow" href="#unread" title="Primer mensaje sin leer" class="unread" ></a></div> </div> </div> <div class="text-center visible-xs-block" style=" padding-bottom: 10px; margin-left:-10px;margin-right:-10px;margin-top:20px;margin-bottom:10px"> <div style="min-height:250px;" class="r89-mobile-rectangle-low ad-xs"></div> </div><div class="text-center visible-sm-block" style=" padding-bottom: 10px; margin-top:20px;margin-bottom:10px"> <div style="min-height:250px;" class="r89-mobile-rectangle-low ad-sm"></div> </div><div class="text-center visible-lg-block"> <div class="megaabajoforos ad-lg" style="min-height:90px; margin-top: 0; margin-bottom: 20px;"></div> </div><div class="text-center visible-md-block"> <div class="megaabajoforos ad-md" style="min-height:90px; margin-top: 0; margin-bottom: 20px;"></div> </div> <div class="row jumpbox"> <div class="col-xs-24 col-md-12"> <a href="foro_off-topic-miscelanea_11"><i class="fa fa-fw fa-chevron-left"></i>Volver a <b>Miscelánea</b></a> </div> </div> <div id="footer-bar"> <a href="#header"> <i class="fa fa-fw fa-chevron-up"></i> Subir </a> </div> </div> <div class="container-fluid" id="footer"> <div class="limit-width" style="margin: 0 auto"> <div class="row"> <div class="col-xs-24 col-sm-12"><a href="/" id="footer-logo"></a></div> <div class="col-xs-24 col-sm-12 text-right"> </div> </div> <hr> <div class="row"> <div class="col-xs-24 col-sm-12" id="footer-info"> <a href="/ucp.php?mode=fullterms" rel="nofollow">Términos y condiciones</a> | <a class="change-consent" onclick="window.__tcfapi('displayConsentUi', 2, function() {} );" title="Modificar consentimiento sobre el tratamiento de datos personales">GDPR</a> | <a href="/wiki/ElOtroLado:Publicidad" rel="nofollow">Publicidad</a> </div> <div class="col-xs-24 col-sm-12 text-right" id="footer-copyright"> ©1999-2025 <a href="/wiki/ElOtroLado:Licencia_de_contenidos" rel="nofollow">Algunos derechos reservados</a> </div> </div> </div> </div> <div id="bs-canaries"> <div class="visible-xs-block"></div> <div class="visible-sm-block"></div> <div class="visible-md-block"></div> <div class="visible-lg-block"></div> </div> <script> var TIMEZONE = 0.00;var CRUMBS = 'Off-Topic › Miscelánea › ';var TOPIC_TITLE = '¿Como poner un icono personalizado en mi web?'; var RT=1753551357; var ABC_AH='4caea181'; var slots = [], dfps = document.getElementsByClassName('dfp-queue'); for(var i = 0; i < dfps.length; i++) { var e = dfps[i]; if(e.offsetWidth > 0 && e.offsetHeight > 0) { var p = e.getAttribute('data-path'), n = 'dfp_' + p.split('/')[2]; slots.push({ path: p, size: [e.offsetWidth, e.offsetHeight], id: n }); e.setAttribute('id', n); } } if(slots.length) { googletag.cmd.push( (function() { return function() { for(var i in slots) { googletag.defineSlot(slots[i].path, slots[i].size, slots[i].id).addService(googletag.pubads()); } googletag.pubads().enableSingleRequest(); googletag.enableServices(); for(var i in slots) { googletag.display(slots[i].id); } } })() ); } if (eolTtb != null) { ga('send', 'timing', 'JS', 'TTB', Math.round(performance.now() - eolTtb)); } </script> <script src="/js/591715a8"></script> </body> </html> 