{"id":65021,"date":"2013-11-29T12:00:25","date_gmt":"2013-11-29T11:00:25","guid":{"rendered":"http:\/\/onsoftware.softonic.com\/?p=65021"},"modified":"2025-06-13T04:23:39","modified_gmt":"2025-06-13T02:23:39","slug":"como-crear-iconos-dinamicos-windows-8-para-tu-pagina-web-truco-windows-semana-29-11-2013","status":"publish","type":"post","link":"https:\/\/cms-articles.softonic.io\/es\/como-crear-iconos-dinamicos-windows-8-para-tu-pagina-web-truco-windows-semana-29-11-2013\/","title":{"rendered":"C\u00f3mo crear iconos din\u00e1micos de Windows 8 para tu p\u00e1gina web"},"content":{"rendered":"<p>Windows cuenta con un gran n\u00famero de peque\u00f1os trucos desconocidos por el gran p\u00fablico pero que resultan muy \u00fatiles en el d\u00eda a d\u00eda. En el <strong>Truco Windows de esta semana<\/strong>, te explicamos como crear un mosaico din\u00e1mico (los cuadritos de <a href=\"http:\/\/windows-8-1.softonic.com\">Windows 8.1<\/a>) para tu blog o p\u00e1gina web.<\/p>\n<p>Si eres webmaster o tienes un blog, te vamos a mostrar c\u00f3mo <strong>mejorar la visibilidad de tu p\u00e1gina<\/strong>. Los mosaicos (o iconos) din\u00e1micos presentes en Windows 8 y Windows 8.1 permiten mostrar notificaciones de cualquier aplicaci\u00f3n o p\u00e1gina web en la nueva pantalla de Inicio . En este art\u00edculo te mostramos c\u00f3mo crear un mosaico din\u00e1mico en pocos minutos.<\/p>\n<p><!-- Start of Brightcove Player --><\/p>\n<div>\nDefault player\n<\/div>\n<p>&lt;!&#8211;<br \/>\nBy use of this code snippet, I agree to the Brightcove Publisher T and C<br \/>\nfound at https:\/\/accounts.brightcove.com\/en\/terms-and-conditions\/.<br \/>\n&#8211;&gt;<\/p>\n<\/p>\n<p><object><\/object><\/p>\n<p>&lt;!&#8211;<br \/>\nThis script tag will cause the Brightcove Players defined above it to be created as soon<br \/>\nas the line is read by the browser. If you wish to have the player instantiated only after<br \/>\nthe rest of the HTML is processed and the page load is complete, remove the line.<br \/>\n&#8211;&gt;<br \/>\nbrightcove.createExperiences();<\/p>\n<p><!-- End of Brightcove Player --><\/p>\n<p>Windows 8.1 permite crear accesos directos a direcciones web concretas y colocarlos en la pantalla de Inicio. Para hacerlo, puedes usar la versi\u00f3n ModernUI de <a href=\"http:\/\/internet-explorer-11-windows-7.softonic.com\">Internet Explorer<\/a>. Accede a los <strong>Favoritos <\/strong>y escoge <strong>Anclar a Inicio<\/strong>. Aparecer\u00e1 un acceso directo en la pantalla de Inicio.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-65027\" title=\"Anclar un enlace al Inicio\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/2\/2013\/11\/Anclar-un-enlace-al-Inicio-568x262.jpg\" alt=\"\" width=\"568\" height=\"262\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/2\/2013\/11\/Anclar-un-enlace-al-Inicio-568x262.jpg 568w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/2\/2013\/11\/Anclar-un-enlace-al-Inicio-256x118.jpg 256w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/2\/2013\/11\/Anclar-un-enlace-al-Inicio.jpg 1920w\" sizes=\"auto, (max-width: 568px) 100vw, 568px\" \/>Los mosaicos din\u00e1micos de Windows 8.1 permiten a los usuarios recibir directamente en la p\u00e1gina de Inicio <strong>las \u00faltimas noticias de tu p\u00e1gina web<\/strong>. Sin embargo, \u00e9stos no se generan autom\u00e1ticamente. Para facilitarte la tarea, Microsoft ha lanzado un servicio llamado <a href=\"http:\/\/www.buildmypinnedsite.com\/es\">www.buildmypinnedsite.com<\/a>. Funciona as\u00ed:<\/p>\n<p>Una vez en la p\u00e1gina, lo primero que debes hacer es poner un <strong>nombre <\/strong>al icono que vas a crear. A continuaci\u00f3n, escoge un <strong>color para el fondo<\/strong> y la <strong>im\u00e1gen <\/strong>a mostrar (PNG, GIF o JPG). Por \u00faltimo, escoge las dimensiones.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-65044\" title=\"Buildmypinnedsite\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/2\/2013\/11\/Buildmypinnedsite1-568x460.jpg\" alt=\"\" width=\"568\" height=\"460\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/2\/2013\/11\/Buildmypinnedsite1-568x460.jpg 568w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/2\/2013\/11\/Buildmypinnedsite1-256x207.jpg 256w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/2\/2013\/11\/Buildmypinnedsite1.jpg 1261w\" sizes=\"auto, (max-width: 568px) 100vw, 568px\" \/>El siguiente paso es a\u00f1adir la <strong>fuente RSS<\/strong> asociada a tu p\u00e1gina web o blog, para que las notificaciones se muestren correctamente. El icono din\u00e1mico mostrar\u00e1 alternativamente las 5 \u00faltimas actualizaciones.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-65046\" title=\"Fuente RSS de tu p\u00e1gina\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/2\/2013\/11\/Fuente-RSS-de-tu-p\u00e1gina-568x460.jpg\" alt=\"\" width=\"568\" height=\"460\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/2\/2013\/11\/Fuente-RSS-de-tu-p\u00e1gina-568x460.jpg 568w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/2\/2013\/11\/Fuente-RSS-de-tu-p\u00e1gina-256x207.jpg 256w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/2\/2013\/11\/Fuente-RSS-de-tu-p\u00e1gina.jpg 1262w\" sizes=\"auto, (max-width: 568px) 100vw, 568px\" \/>El \u00faltimo paso es obtener los metadatos para integrarlos en el c\u00f3digo HTML de tu p\u00e1gina o blog. Para que el icono se muestre correctamente, debes importar tambi\u00e9n las im\u00e1genes PNG del icono desde tu servidor.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-65047\" title=\"Metadatos\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/2\/2013\/11\/Metadatos-568x402.jpg\" alt=\"\" width=\"568\" height=\"402\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/2\/2013\/11\/Metadatos-568x402.jpg 568w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/2\/2013\/11\/Metadatos-256x181.jpg 256w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/2\/2013\/11\/Metadatos.jpg 1261w\" sizes=\"auto, (max-width: 568px) 100vw, 568px\" \/>Una vez integrado el c\u00f3digo en tu p\u00e1gina, los usuarios podr\u00e1n, a la hora de anclar tu p\u00e1gina al Inicio, <strong>escoger entre los diferentes tama\u00f1os disponibles<\/strong>. Adem\u00e1s, a partir de ese momento podr\u00e1n ver las \u00faltimas actualizaciones directamente en el &#8220;cuadrito&#8221;.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-65048\" title=\"Icono din\u00e1mico\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/2\/2013\/11\/Icono-din\u00e1mico-568x316.jpg\" alt=\"\" width=\"568\" height=\"316\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/2\/2013\/11\/Icono-din\u00e1mico-568x316.jpg 568w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/2\/2013\/11\/Icono-din\u00e1mico-256x142.jpg 256w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/2\/2013\/11\/Icono-din\u00e1mico.jpg 732w\" sizes=\"auto, (max-width: 568px) 100vw, 568px\" \/><strong>\u00bfConoc\u00edas este truco?<\/strong><\/p>\n<p>Art\u00edculo original de <a href=\"http:\/\/www.softonic.fr\/\">Softonic FR<\/a>. Adaptado del franc\u00e9s.<strong><br \/>\n<\/strong><\/p>\n<p><em> <\/em><\/p>\n<h3>M\u00e1s trucos Windows:<\/h3>\n<ul>\n<li><a href=\"http:\/\/articulos.softonic.com\/como-camuflar-una-carpeta-de-windows-truco-windows-semana-09-08-2013\">C\u00f3mo camuflar una carpeta de Windows<\/a><\/li>\n<li><a href=\"http:\/\/articulos.softonic.com\/windows-8-arranca-directamente-al-escritorio-tradicional-truco-windows-semana-16-08-2013\">Arranca directamente al Escritorio tradicional en Windows 8<\/a><\/li>\n<li><a href=\"http:\/\/articulos.softonic.com\/como-renombrar-muchos-archivos-a-la-vez-sin-usar-ningun-programa-truco-windows-semana-23-08-2013-2\">C\u00f3mo renombrar archivos masivamente sin usar ning\u00fan programa<\/a><\/li>\n<li><a href=\"http:\/\/articulos.softonic.com\/como-activar-el-modo-dios-en-windows-truco-windows-semana-30-08-2013\">C\u00f3mo activar el &#8220;Modo Dios&#8221; en Windows<\/a><\/li>\n<li><a href=\"http:\/\/articulos.softonic.com\/barra-tareas-pantalla-inicio-windows-8-truco-windows-semana-06-09-2013\">C\u00f3mo tener barra de tareas en la pantalla de inicio de Windows 8<\/a><\/li>\n<li><a href=\"http:\/\/articulos.softonic.com\/como-organizar-ficheros-usando-el-explorador-de-windows-truco-windows-semana-13-09-2013\">C\u00f3mo organizar ficheros usando el Explorador de Windows<\/a><\/li>\n<li><a href=\"http:\/\/articulos.softonic.com\/como-programar-el-apagado-automatico-del-pc-truco-windows-semana-20-09-2013\">C\u00f3mo programar el apagado autom\u00e1tico del PC<\/a><\/li>\n<li><a href=\"http:\/\/articulos.softonic.com\/mi-pantalla-se-ha-girado-solucion-truco-windows-semana-27-09-2013\">Mi pantalla se ha girado, \u00bfqu\u00e9 hago?<\/a><\/li>\n<li><a href=\"http:\/\/articulos.softonic.com\/como-mejorar-tus-busquedas-en-windows-truco-windows-semana-04-10-2013\">C\u00f3mo mejorar tus b\u00fasquedas en Windows<\/a><\/li>\n<li><a href=\"http:\/\/articulos.softonic.com\/como-apagar-windows-8-1-truco-windows-semana-18-10-2013\">C\u00f3mo apagar Windows 8.1<\/a><\/li>\n<li><a href=\"http:\/\/articulos.softonic.com\/como-extraer-los-fondos-de-pantalla-de-un-tema-de-windows-truco-windows-semana-25-10-2013\">C\u00f3mo extraer los fondos de pantalla de un tema de Windows<\/a><\/li>\n<li><a href=\"http:\/\/articulos.softonic.com\/como-escoger-el-programa-por-defecto-para-abrir-un-archivo-truco-windows-semana-01-11-2013\">C\u00f3mo escoger el programa por defecto para abrir un archivo<\/a><\/li>\n<li><a href=\"http:\/\/articulos.softonic.com\/como-minimizar-ventanas-haciendo-el-aero-shake-truco-windows-semana-08-11-2013\">C\u00f3mo minimizar ventanas haciendo el &#8220;Aero Shake&#8221; <\/a><\/li>\n<li><a href=\"http:\/\/articulos.softonic.com\/como-personalizar-tus-iconos-windows-truco-windows-semana-15-11-201\">C\u00f3mo personalizar los iconos de Windows<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Windows cuenta con un gran n\u00famero de peque\u00f1os trucos desconocidos por el gran p\u00fablico pero que resultan muy \u00fatiles en el d\u00eda a d\u00eda. En el Truco Windows de esta semana, te explicamos como crear un mosaico din\u00e1mico (los cuadritos de Windows 8.1) para tu blog o p\u00e1gina web. Si eres webmaster o tienes un &hellip; <a href=\"https:\/\/cms-articles.softonic.io\/es\/como-crear-iconos-dinamicos-windows-8-para-tu-pagina-web-truco-windows-semana-29-11-2013\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;C\u00f3mo crear iconos din\u00e1micos de Windows 8 para tu p\u00e1gina web&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1054,"featured_media":65052,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","wpcf-pageviews":1},"categories":[9706],"tags":[9781],"usertag":[],"vertical":[],"content-category":[],"class_list":["post-65021","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-app-subdomain-redirectionwindows-8"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/posts\/65021","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/users\/1054"}],"replies":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/comments?post=65021"}],"version-history":[{"count":1,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/posts\/65021\/revisions"}],"predecessor-version":[{"id":380533,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/posts\/65021\/revisions\/380533"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/media\/65052"}],"wp:attachment":[{"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/media?parent=65021"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/categories?post=65021"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/tags?post=65021"},{"taxonomy":"usertag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/usertag?post=65021"},{"taxonomy":"vertical","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/vertical?post=65021"},{"taxonomy":"content-category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/content-category?post=65021"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}