{"id":2468,"date":"2015-01-05T01:36:21","date_gmt":"2015-01-05T01:36:21","guid":{"rendered":"http:\/\/www.abrima.com\/blog\/?p=2468"},"modified":"2015-01-05T01:36:21","modified_gmt":"2015-01-05T01:36:21","slug":"hoja-de-estilos-externa-con-google-html-service","status":"publish","type":"post","link":"https:\/\/www.abrima.com\/blog\/hoja-de-estilos-externa-con-google-html-service\/","title":{"rendered":"Hoja de estilos externa con Google HTML Service"},"content":{"rendered":"<p>Cuando se tiene una gran cantidad de estilos para aplicar puede ser poco recomendable dejar todo el c\u00f3digo en una sola hoja por la incomodidad que representa buscar despu\u00e9s alguno en particular ya que esto puede obligar a hacer scroll entre cientos o miles de lineas de c\u00f3digo.<\/p>\n<p>Al igual que en una p\u00e1gina web normal, el editor de secuencias de comandos de Google permite crear varios archivos html y permite cuando as\u00ed lo queremos estos archivos sean hojas de estilos externas. Esto con el fin de ayudarnos a mantener un mejor orden en nuestros proyectos.<\/p>\n<div class=\"separator\"><a href=\"http:\/\/4.bp.blogspot.com\/-ZZqOVufNADI\/VKiVoMK9QjI\/AAAAAAAAC-Q\/A-Xg0S_iE7k\/s1600\/google%2Bhtml%2Bservice.png\"><img src=\"http:\/\/4.bp.blogspot.com\/-ZZqOVufNADI\/VKiVoMK9QjI\/AAAAAAAAC-Q\/A-Xg0S_iE7k\/s1600\/google%2Bhtml%2Bservice.png\" alt=\"\" border=\"0\" \/><\/a><\/div>\n<div><\/div>\n<p>Solamente deberemos agregar el c\u00f3digo necesario de la funci\u00f3n que permite hacer la llamada e incluir los archivos que actuar\u00e1n como hojas de estilo externas.<\/p>\n<div><a href=\"https:\/\/script.google.com\/d\/1Od84J_qesNYzdNsBOHnmxcjxXoutLzypyc4I1GodBNGihktF6BT2GQ-H\/edit?usp=sharing\" target=\"_blank\">Proyecto con el c\u00f3digo ejemplo<\/a><\/div>\n<div><\/div>\n<div>Video tutorial<\/div>\n<div><iframe loading=\"lazy\" src=\"http:\/\/www.youtube.com\/embed\/zwDc3dlUpew\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<p>&nbsp;<\/p>\n<p>Fuente: <a href=\"http:\/\/google-html-service.blogspot.com\/\">Google HTML Service<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cuando se tiene una gran cantidad de estilos para aplicar puede ser poco recomendable dejar todo el c\u00f3digo en una sola hoja por la incomodidad [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[10],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Hoja de estilos externa con Google HTML Service - Blog de Tecnolog\u00eda - Abrima<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.abrima.com\/blog\/hoja-de-estilos-externa-con-google-html-service\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hoja de estilos externa con Google HTML Service - Blog de Tecnolog\u00eda - Abrima\" \/>\n<meta property=\"og:description\" content=\"Cuando se tiene una gran cantidad de estilos para aplicar puede ser poco recomendable dejar todo el c\u00f3digo en una sola hoja por la incomodidad [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.abrima.com\/blog\/hoja-de-estilos-externa-con-google-html-service\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de Tecnolog\u00eda - Abrima\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/abrimawebs\/\" \/>\n<meta property=\"article:published_time\" content=\"2015-01-05T01:36:21+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/4.bp.blogspot.com\/-ZZqOVufNADI\/VKiVoMK9QjI\/AAAAAAAAC-Q\/A-Xg0S_iE7k\/s1600\/google%2Bhtml%2Bservice.png\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Abrima\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.abrima.com\/blog\/#organization\",\"name\":\"Abrima\",\"url\":\"https:\/\/www.abrima.com\/blog\/\",\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/abrima-soluciones-web\/\",\"https:\/\/www.youtube.com\/user\/abrimawebs\",\"https:\/\/www.facebook.com\/abrimawebs\/\",\"https:\/\/twitter.com\/abrimaweb\"],\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.abrima.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.abrima.com\/blog\/wp-content\/uploads\/2018\/03\/abrima-logo.png\",\"contentUrl\":\"https:\/\/www.abrima.com\/blog\/wp-content\/uploads\/2018\/03\/abrima-logo.png\",\"width\":700,\"height\":700,\"caption\":\"Abrima\"},\"image\":{\"@id\":\"https:\/\/www.abrima.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.abrima.com\/blog\/#website\",\"url\":\"https:\/\/www.abrima.com\/blog\/\",\"name\":\"Blog de Tecnolog\u00eda - Abrima\",\"description\":\"Blog sobre todo lo relacionado con Cloud, Marketing Digital y Web\",\"publisher\":{\"@id\":\"https:\/\/www.abrima.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.abrima.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.abrima.com\/blog\/hoja-de-estilos-externa-con-google-html-service\/#primaryimage\",\"url\":\"http:\/\/4.bp.blogspot.com\/-ZZqOVufNADI\/VKiVoMK9QjI\/AAAAAAAAC-Q\/A-Xg0S_iE7k\/s1600\/google%2Bhtml%2Bservice.png\",\"contentUrl\":\"http:\/\/4.bp.blogspot.com\/-ZZqOVufNADI\/VKiVoMK9QjI\/AAAAAAAAC-Q\/A-Xg0S_iE7k\/s1600\/google%2Bhtml%2Bservice.png\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.abrima.com\/blog\/hoja-de-estilos-externa-con-google-html-service\/#webpage\",\"url\":\"https:\/\/www.abrima.com\/blog\/hoja-de-estilos-externa-con-google-html-service\/\",\"name\":\"Hoja de estilos externa con Google HTML Service - Blog de Tecnolog\u00eda - Abrima\",\"isPartOf\":{\"@id\":\"https:\/\/www.abrima.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.abrima.com\/blog\/hoja-de-estilos-externa-con-google-html-service\/#primaryimage\"},\"datePublished\":\"2015-01-05T01:36:21+00:00\",\"dateModified\":\"2015-01-05T01:36:21+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.abrima.com\/blog\/hoja-de-estilos-externa-con-google-html-service\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.abrima.com\/blog\/hoja-de-estilos-externa-con-google-html-service\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.abrima.com\/blog\/hoja-de-estilos-externa-con-google-html-service\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.abrima.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hoja de estilos externa con Google HTML Service\"}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.abrima.com\/blog\/hoja-de-estilos-externa-con-google-html-service\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.abrima.com\/blog\/hoja-de-estilos-externa-con-google-html-service\/#webpage\"},\"author\":{\"@id\":\"https:\/\/www.abrima.com\/blog\/#\/schema\/person\/b768d5411164cb8b8d58f72cdf4e11e8\"},\"headline\":\"Hoja de estilos externa con Google HTML Service\",\"datePublished\":\"2015-01-05T01:36:21+00:00\",\"dateModified\":\"2015-01-05T01:36:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.abrima.com\/blog\/hoja-de-estilos-externa-con-google-html-service\/#webpage\"},\"wordCount\":149,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.abrima.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.abrima.com\/blog\/hoja-de-estilos-externa-con-google-html-service\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/4.bp.blogspot.com\/-ZZqOVufNADI\/VKiVoMK9QjI\/AAAAAAAAC-Q\/A-Xg0S_iE7k\/s1600\/google%2Bhtml%2Bservice.png\",\"articleSection\":[\"Google\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.abrima.com\/blog\/hoja-de-estilos-externa-con-google-html-service\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.abrima.com\/blog\/#\/schema\/person\/b768d5411164cb8b8d58f72cdf4e11e8\",\"name\":\"Abrima\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.abrima.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5cc72c9c6b371583c943a070dff20409?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/5cc72c9c6b371583c943a070dff20409?s=96&d=mm&r=g\",\"caption\":\"Abrima\"},\"url\":\"https:\/\/www.abrima.com\/blog\/author\/abrima\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Hoja de estilos externa con Google HTML Service - Blog de Tecnolog\u00eda - Abrima","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.abrima.com\/blog\/hoja-de-estilos-externa-con-google-html-service\/","og_locale":"es_ES","og_type":"article","og_title":"Hoja de estilos externa con Google HTML Service - Blog de Tecnolog\u00eda - Abrima","og_description":"Cuando se tiene una gran cantidad de estilos para aplicar puede ser poco recomendable dejar todo el c\u00f3digo en una sola hoja por la incomodidad [&hellip;]","og_url":"https:\/\/www.abrima.com\/blog\/hoja-de-estilos-externa-con-google-html-service\/","og_site_name":"Blog de Tecnolog\u00eda - Abrima","article_publisher":"https:\/\/www.facebook.com\/abrimawebs\/","article_published_time":"2015-01-05T01:36:21+00:00","og_image":[{"url":"http:\/\/4.bp.blogspot.com\/-ZZqOVufNADI\/VKiVoMK9QjI\/AAAAAAAAC-Q\/A-Xg0S_iE7k\/s1600\/google%2Bhtml%2Bservice.png"}],"twitter_misc":{"Escrito por":"Abrima","Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/www.abrima.com\/blog\/#organization","name":"Abrima","url":"https:\/\/www.abrima.com\/blog\/","sameAs":["https:\/\/www.linkedin.com\/company\/abrima-soluciones-web\/","https:\/\/www.youtube.com\/user\/abrimawebs","https:\/\/www.facebook.com\/abrimawebs\/","https:\/\/twitter.com\/abrimaweb"],"logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.abrima.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.abrima.com\/blog\/wp-content\/uploads\/2018\/03\/abrima-logo.png","contentUrl":"https:\/\/www.abrima.com\/blog\/wp-content\/uploads\/2018\/03\/abrima-logo.png","width":700,"height":700,"caption":"Abrima"},"image":{"@id":"https:\/\/www.abrima.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"WebSite","@id":"https:\/\/www.abrima.com\/blog\/#website","url":"https:\/\/www.abrima.com\/blog\/","name":"Blog de Tecnolog\u00eda - Abrima","description":"Blog sobre todo lo relacionado con Cloud, Marketing Digital y Web","publisher":{"@id":"https:\/\/www.abrima.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.abrima.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.abrima.com\/blog\/hoja-de-estilos-externa-con-google-html-service\/#primaryimage","url":"http:\/\/4.bp.blogspot.com\/-ZZqOVufNADI\/VKiVoMK9QjI\/AAAAAAAAC-Q\/A-Xg0S_iE7k\/s1600\/google%2Bhtml%2Bservice.png","contentUrl":"http:\/\/4.bp.blogspot.com\/-ZZqOVufNADI\/VKiVoMK9QjI\/AAAAAAAAC-Q\/A-Xg0S_iE7k\/s1600\/google%2Bhtml%2Bservice.png"},{"@type":"WebPage","@id":"https:\/\/www.abrima.com\/blog\/hoja-de-estilos-externa-con-google-html-service\/#webpage","url":"https:\/\/www.abrima.com\/blog\/hoja-de-estilos-externa-con-google-html-service\/","name":"Hoja de estilos externa con Google HTML Service - Blog de Tecnolog\u00eda - Abrima","isPartOf":{"@id":"https:\/\/www.abrima.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.abrima.com\/blog\/hoja-de-estilos-externa-con-google-html-service\/#primaryimage"},"datePublished":"2015-01-05T01:36:21+00:00","dateModified":"2015-01-05T01:36:21+00:00","breadcrumb":{"@id":"https:\/\/www.abrima.com\/blog\/hoja-de-estilos-externa-con-google-html-service\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.abrima.com\/blog\/hoja-de-estilos-externa-con-google-html-service\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.abrima.com\/blog\/hoja-de-estilos-externa-con-google-html-service\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.abrima.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Hoja de estilos externa con Google HTML Service"}]},{"@type":"Article","@id":"https:\/\/www.abrima.com\/blog\/hoja-de-estilos-externa-con-google-html-service\/#article","isPartOf":{"@id":"https:\/\/www.abrima.com\/blog\/hoja-de-estilos-externa-con-google-html-service\/#webpage"},"author":{"@id":"https:\/\/www.abrima.com\/blog\/#\/schema\/person\/b768d5411164cb8b8d58f72cdf4e11e8"},"headline":"Hoja de estilos externa con Google HTML Service","datePublished":"2015-01-05T01:36:21+00:00","dateModified":"2015-01-05T01:36:21+00:00","mainEntityOfPage":{"@id":"https:\/\/www.abrima.com\/blog\/hoja-de-estilos-externa-con-google-html-service\/#webpage"},"wordCount":149,"commentCount":0,"publisher":{"@id":"https:\/\/www.abrima.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.abrima.com\/blog\/hoja-de-estilos-externa-con-google-html-service\/#primaryimage"},"thumbnailUrl":"http:\/\/4.bp.blogspot.com\/-ZZqOVufNADI\/VKiVoMK9QjI\/AAAAAAAAC-Q\/A-Xg0S_iE7k\/s1600\/google%2Bhtml%2Bservice.png","articleSection":["Google"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.abrima.com\/blog\/hoja-de-estilos-externa-con-google-html-service\/#respond"]}]},{"@type":"Person","@id":"https:\/\/www.abrima.com\/blog\/#\/schema\/person\/b768d5411164cb8b8d58f72cdf4e11e8","name":"Abrima","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.abrima.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5cc72c9c6b371583c943a070dff20409?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5cc72c9c6b371583c943a070dff20409?s=96&d=mm&r=g","caption":"Abrima"},"url":"https:\/\/www.abrima.com\/blog\/author\/abrima\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.abrima.com\/blog\/wp-json\/wp\/v2\/posts\/2468"}],"collection":[{"href":"https:\/\/www.abrima.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.abrima.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.abrima.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.abrima.com\/blog\/wp-json\/wp\/v2\/comments?post=2468"}],"version-history":[{"count":1,"href":"https:\/\/www.abrima.com\/blog\/wp-json\/wp\/v2\/posts\/2468\/revisions"}],"predecessor-version":[{"id":2469,"href":"https:\/\/www.abrima.com\/blog\/wp-json\/wp\/v2\/posts\/2468\/revisions\/2469"}],"wp:attachment":[{"href":"https:\/\/www.abrima.com\/blog\/wp-json\/wp\/v2\/media?parent=2468"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.abrima.com\/blog\/wp-json\/wp\/v2\/categories?post=2468"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.abrima.com\/blog\/wp-json\/wp\/v2\/tags?post=2468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}