{"id":243,"date":"2014-08-05T08:11:00","date_gmt":"2014-08-05T08:11:00","guid":{"rendered":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-poner-un-boton-de-subir-arriba-en"},"modified":"2016-03-02T08:25:00","modified_gmt":"2016-03-02T08:25:00","slug":"como-poner-un-boton-de-subir-arriba-en","status":"publish","type":"post","link":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-poner-un-boton-de-subir-arriba-en\/","title":{"rendered":"C\u00f3mo poner un bot\u00f3n de subir arriba en blogger"},"content":{"rendered":"<h3>\nC\u00f3mo poner un bot\u00f3n para subir arriba en nuestro blog de blogger<\/h3>\n<div>\n<\/div>\n<div class=\"separator\" style=\"clear: both; text-align: center;\">\n<a href=\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/08\/boton_subir_arriba_blogger1.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"><img loading=\"lazy\" decoding=\"async\" alt=\"como poner un bot\u00f3n de subir arriba en blogger\" border=\"0\" height=\"300\" src=\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/08\/boton_subir_arriba_blogger1.png\" title=\"\" width=\"400\" \/><\/a><\/div>\n<div>\n<\/div>\n<div>\n<\/div>\n<div>\nHola a todos, este es un tutorial muy sencillo y sobre todo \u00fatil. Os voy a explicar <b>c\u00f3mo poner un bot\u00f3n de subir arriba en vuestro blog de blogger.<\/b>&nbsp;<\/div>\n<div>\nEste bot\u00f3n es una imagen enlazada que vamos a situar en la parte derecha del blog, en la esquina inferior (yo ya he puesto el m\u00edo por si lo quer\u00e9is ver), sirve para subir arriba y volver al inicio del blog, al ponerlo facilitas a la gente que visita tu blog que puedan volver al inicio con un solo click y no tengan que hacerlo con la barra de desplazamiento del navegador.<\/div>\n<div>\n<\/div>\n<div>\n<\/div>\n<h3>\n\u00bfQue necesitas para poner un bot\u00f3n de subir arriba en tu blog?<\/h3>\n<div>\n<\/div>\n<div>\n<ul>\n<li>Una imagen representativa con una flechita o con un texto que indique su utilidad, pod\u00e9is usar algunas de las im\u00e1genes o botones que os pongo al final<\/li>\n<\/ul>\n<ul>\n<li>Este c\u00f3digo:<\/li>\n<\/ul>\n<div>\n&lt;a style=\u00bbdisplay:scroll; position:fixed; bottom:10px; right:80px;\u00bb href=\u00bb#\u00bb title=\u00bbVolver arriba\u00bb&gt;&lt;img src=\u00bbhttps:\/\/lh6.googleusercontent.com\/&#8211;o4LqmhRiJA\/U-CDrX0wmZI\/AAAAAAAAFZc\/OKM6ANlJe5M\/h240\/up.png\u00bb \/&gt;&lt;\/a&gt;<\/div>\n<div>\n<\/div>\n<div>\n<\/div>\n<div>\nLos n\u00fameros que he marcado en verde se corresponden con la posici\u00f3n del bot\u00f3n y los pod\u00e9is cambiar,&nbsp;<b>bottom:10px &nbsp;<\/b>es la distancia que hay entre el final de tu pantalla y la imagen del bot\u00f3n, puedes aumentarla o disminuirla,&nbsp;<b>right:80px&nbsp;<\/b>es la distancia que hay desde la parte derecha de tu pantalla hasta&nbsp;<\/div>\n<div>\nla imagen o bot\u00f3n, tambi\u00e9n la puedes aumentar o disminuir para ajustarlo al dise\u00f1o de tu blog.<\/div>\n<div>\n<\/div>\n<div>\nEl texto resaltado en amarillo es la url de la imagen que estoy usando. Pod\u00e9is usar esta misma o pod\u00e9is usar cualquier otra que os guste.<\/div>\n<\/div>\n<div>\n<\/div>\n<div>\n<\/div>\n<h3>\n\u00bfC\u00f3mo pongo el bot\u00f3n de subir arriba en mi blog?<\/h3>\n<div>\n<\/div>\n<div>\n<ol>\n<li>Abre el editor de blogger y ves a <b>Dise\u00f1o<\/b><\/li>\n<li><b>A\u00f1adir un gadget, <\/b>se abre una ventana con diferentes opciones, haz clikc en HTML\/Javascript<\/li>\n<li>Copia y Pega el c\u00f3digo que te he puesto arriba en la caja donde dice <b>Contenido<\/b> y dale a guardar.<\/li>\n<li>Ves a <b>ver blog <\/b>para ver si se ha insertado correctamente y se adapta bien a tu dise\u00f1o, &nbsp;si quieres modificar la distancia del bot\u00f3n puedes editar el c\u00f3digo y hacer los cambios para ajustarlo a tu gusto.<\/li>\n<\/ol>\n<div>\n<\/div>\n<h3>\nEfecto para el bot\u00f3n de subir arriba<\/h3>\n<div>\nEsta parte es opcional pero si quieres que el bot\u00f3n suba con un movimiento suave hacia arriba (si no pones esto sube como de un golpe, pero esto le da un toque \u00abslow\u00bb) tienes que poner en el html del blog: <b>Plantilla\/Editar Html<\/b> buscar la etiqueta <b>&lt;\/head&gt;<\/b> y antes de esta etiqueta pegar el siguiente c\u00f3digo:<\/p>\n<p>\n&lt;script src=\u00bb\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/2.1.1\/jquery.min.js\u00bb&gt;&lt;\/script&gt;<\/p>\n<\/div>\n<div>\n<\/div>\n<div>\n<\/div>\n<div>\n<br \/>\nNota: si vas a usar alguna de las im\u00e1genes de abajo puedes copiar su url (te pones sobre la imagen y le das al bot\u00f3n derecho de tu rat\u00f3n, te salen una serie de opciones, entre ellas copiar url de la imagen), tambi\u00e9n la puedes descargar a tu ordenador y subirla a tu blog. Si eliges esta \u00faltima opci\u00f3n, descarga primero la imagen, y despu\u00e9s sube la imagen al blog pero no la publiques, cuando la tengas en el cargador de im\u00e1genes de blogger te pones sobre ella y con el bot\u00f3n derecho copias su url para sustituirla en el c\u00f3digo<\/div>\n<\/div>\n<div>\n<\/div>\n<h3>\n<br \/>Botones &nbsp;de subir arriba para descargar o usar&nbsp;<\/h3>\n<div>\n<\/div>\n<div>\n<\/div>\n<div>\n<div class=\"separator\" style=\"clear: both; text-align: center;\">\n<a href=\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/08\/up1_amarillo1.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"><img decoding=\"async\" border=\"0\" src=\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/08\/up1_amarillo1.png\" \/><\/a><\/div>\n<p><\/p>\n<div class=\"separator\" style=\"clear: both; text-align: center;\">\n<a href=\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/08\/up1_azul1.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"><img decoding=\"async\" border=\"0\" src=\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/08\/up1_azul1.png\" \/><\/a><\/div>\n<p><\/p>\n<div class=\"separator\" style=\"clear: both; text-align: center;\">\n<a href=\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/08\/up1_naranja1.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"><img decoding=\"async\" border=\"0\" src=\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/08\/up1_naranja1.png\" \/><\/a><\/div>\n<p><\/p>\n<div class=\"separator\" style=\"clear: both; text-align: center;\">\n<a href=\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/08\/up1_verde1.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"><img decoding=\"async\" border=\"0\" src=\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/08\/up1_verde1.png\" \/><\/a><\/div>\n<p><\/p>\n<div class=\"separator\" style=\"clear: both; text-align: center;\">\n<a href=\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/08\/up2_amarillo1.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"><img decoding=\"async\" border=\"0\" src=\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/08\/up2_amarillo1.png\" \/><\/a><\/div>\n<p><\/p>\n<div class=\"separator\" style=\"clear: both; text-align: center;\">\n<a href=\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/08\/up2_naranja1.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"><img decoding=\"async\" border=\"0\" src=\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/08\/up2_naranja1.png\" \/><\/a><\/div>\n<p><\/p>\n<div class=\"separator\" style=\"clear: both; text-align: center;\">\n<a href=\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/08\/up2_verde1.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"><img decoding=\"async\" border=\"0\" src=\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/08\/up2_verde1.png\" \/><\/a><\/div>\n<p><\/p>\n<div class=\"separator\" style=\"clear: both; text-align: center;\">\n<a href=\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/08\/up3_verde1.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"><img decoding=\"async\" border=\"0\" src=\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/08\/up3_verde1.png\" \/><\/a><\/div>\n<p><\/p>\n<div class=\"separator\" style=\"clear: both; text-align: center;\">\n<a href=\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/08\/up_amarillo1.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"><img decoding=\"async\" border=\"0\" src=\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/08\/up_amarillo1.png\" \/><\/a><\/div>\n<p><\/p>\n<div class=\"separator\" style=\"clear: both; text-align: center;\">\n<a href=\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/08\/up_naranja1.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"><img decoding=\"async\" border=\"0\" src=\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/08\/up_naranja1.png\" \/><\/a><\/div>\n<p><\/p>\n<div class=\"separator\" style=\"clear: both; text-align: center;\">\n<a href=\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/08\/up_rosa1.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"><img decoding=\"async\" border=\"0\" src=\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/08\/up_rosa1.png\" \/><\/a><\/div>\n<p><\/p>\n<div class=\"separator\" style=\"clear: both; text-align: center;\">\n<a href=\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/08\/up_verde1.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"><img decoding=\"async\" border=\"0\" src=\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/08\/up_verde1.png\" \/><\/a><\/div>\n<div class=\"separator\" style=\"clear: both; text-align: center;\">\n<\/div>\n<div class=\"separator\" style=\"clear: both; text-align: left;\">\n<\/div>\n<div class=\"separator\" style=\"clear: both; text-align: left;\">\n<\/div>\n<div class=\"separator\" style=\"clear: both; text-align: left;\">\n\u00a1Happy day!<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>C\u00f3mo poner un bot\u00f3n para subir arriba en nuestro blog de blogger Hola a todos, este es un tutorial muy sencillo y sobre todo \u00fatil. Os voy a explicar c\u00f3mo poner un bot\u00f3n de subir arriba en vuestro blog de blogger.&nbsp; Este bot\u00f3n es una imagen enlazada que vamos a situar en la parte derecha del blog, en la esquina inferior (yo ya he puesto el m\u00edo por si lo quer\u00e9is ver), sirve para subir arriba y volver al inicio del blog, al ponerlo facilitas a la gente que visita tu blog que puedan volver al inicio con un solo <\/p>\n","protected":false},"author":15,"featured_media":307,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,21],"tags":[16,13],"class_list":["post-243","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categoria","category-trucos-web","tag-recursos","tag-tutoriales-blogger","has_thumb"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>C\u00f3mo poner un bot\u00f3n de subir arriba en blogger - Trucos Dise\u00f1o Web<\/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.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-poner-un-boton-de-subir-arriba-en\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo poner un bot\u00f3n de subir arriba en blogger - Trucos Dise\u00f1o Web\" \/>\n<meta property=\"og:description\" content=\"C\u00f3mo poner un bot\u00f3n para subir arriba en nuestro blog de blogger Hola a todos, este es un tutorial muy sencillo y sobre todo \u00fatil. Os voy a explicar c\u00f3mo poner un bot\u00f3n de subir arriba en vuestro blog de blogger.&nbsp; Este bot\u00f3n es una imagen enlazada que vamos a situar en la parte derecha del blog, en la esquina inferior (yo ya he puesto el m\u00edo por si lo quer\u00e9is ver), sirve para subir arriba y volver al inicio del blog, al ponerlo facilitas a la gente que visita tu blog que puedan volver al inicio con un solo\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-poner-un-boton-de-subir-arriba-en\/\" \/>\n<meta property=\"og:site_name\" content=\"Trucos Dise\u00f1o Web\" \/>\n<meta property=\"article:published_time\" content=\"2014-08-05T08:11:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-03-02T08:25:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/08\/boton_subir_arriba_blogger1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"450\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Trini Mora\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Trini Mora\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-poner-un-boton-de-subir-arriba-en\/\",\"url\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-poner-un-boton-de-subir-arriba-en\/\",\"name\":\"C\u00f3mo poner un bot\u00f3n de subir arriba en blogger - Trucos Dise\u00f1o Web\",\"isPartOf\":{\"@id\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-poner-un-boton-de-subir-arriba-en\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-poner-un-boton-de-subir-arriba-en\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/08\/boton_subir_arriba_blogger1.png\",\"datePublished\":\"2014-08-05T08:11:00+00:00\",\"dateModified\":\"2016-03-02T08:25:00+00:00\",\"author\":{\"@id\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/#\/schema\/person\/fe5a696a7f74cdc0e87eeab5c4a647c4\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-poner-un-boton-de-subir-arriba-en\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-poner-un-boton-de-subir-arriba-en\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-poner-un-boton-de-subir-arriba-en\/#primaryimage\",\"url\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/08\/boton_subir_arriba_blogger1.png\",\"contentUrl\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/08\/boton_subir_arriba_blogger1.png\",\"width\":600,\"height\":450},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-poner-un-boton-de-subir-arriba-en\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C\u00f3mo poner un bot\u00f3n de subir arriba en blogger\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/#website\",\"url\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/\",\"name\":\"Trucos Dise\u00f1o Web\",\"description\":\"Euroresidentes\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/#\/schema\/person\/fe5a696a7f74cdc0e87eeab5c4a647c4\",\"name\":\"Trini Mora\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2016\/03\/trini-150x150.jpg\",\"contentUrl\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2016\/03\/trini-150x150.jpg\",\"caption\":\"Trini Mora\"},\"description\":\"Trini MoraDise\u00f1adora gr\u00e1fica, editora web.\",\"url\":\"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/author\/trinimora\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo poner un bot\u00f3n de subir arriba en blogger - Trucos Dise\u00f1o Web","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.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-poner-un-boton-de-subir-arriba-en\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo poner un bot\u00f3n de subir arriba en blogger - Trucos Dise\u00f1o Web","og_description":"C\u00f3mo poner un bot\u00f3n para subir arriba en nuestro blog de blogger Hola a todos, este es un tutorial muy sencillo y sobre todo \u00fatil. Os voy a explicar c\u00f3mo poner un bot\u00f3n de subir arriba en vuestro blog de blogger.&nbsp; Este bot\u00f3n es una imagen enlazada que vamos a situar en la parte derecha del blog, en la esquina inferior (yo ya he puesto el m\u00edo por si lo quer\u00e9is ver), sirve para subir arriba y volver al inicio del blog, al ponerlo facilitas a la gente que visita tu blog que puedan volver al inicio con un solo","og_url":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-poner-un-boton-de-subir-arriba-en\/","og_site_name":"Trucos Dise\u00f1o Web","article_published_time":"2014-08-05T08:11:00+00:00","article_modified_time":"2016-03-02T08:25:00+00:00","og_image":[{"width":600,"height":450,"url":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/08\/boton_subir_arriba_blogger1.png","type":"image\/png"}],"author":"Trini Mora","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Trini Mora","Est. reading time":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-poner-un-boton-de-subir-arriba-en\/","url":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-poner-un-boton-de-subir-arriba-en\/","name":"C\u00f3mo poner un bot\u00f3n de subir arriba en blogger - Trucos Dise\u00f1o Web","isPartOf":{"@id":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-poner-un-boton-de-subir-arriba-en\/#primaryimage"},"image":{"@id":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-poner-un-boton-de-subir-arriba-en\/#primaryimage"},"thumbnailUrl":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/08\/boton_subir_arriba_blogger1.png","datePublished":"2014-08-05T08:11:00+00:00","dateModified":"2016-03-02T08:25:00+00:00","author":{"@id":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/#\/schema\/person\/fe5a696a7f74cdc0e87eeab5c4a647c4"},"breadcrumb":{"@id":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-poner-un-boton-de-subir-arriba-en\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-poner-un-boton-de-subir-arriba-en\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-poner-un-boton-de-subir-arriba-en\/#primaryimage","url":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/08\/boton_subir_arriba_blogger1.png","contentUrl":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2014\/08\/boton_subir_arriba_blogger1.png","width":600,"height":450},{"@type":"BreadcrumbList","@id":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-poner-un-boton-de-subir-arriba-en\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/"},{"@type":"ListItem","position":2,"name":"C\u00f3mo poner un bot\u00f3n de subir arriba en blogger"}]},{"@type":"WebSite","@id":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/#website","url":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/","name":"Trucos Dise\u00f1o Web","description":"Euroresidentes","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/#\/schema\/person\/fe5a696a7f74cdc0e87eeab5c4a647c4","name":"Trini Mora","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/#\/schema\/person\/image\/","url":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2016\/03\/trini-150x150.jpg","contentUrl":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-content\/uploads\/sites\/7\/2016\/03\/trini-150x150.jpg","caption":"Trini Mora"},"description":"Trini MoraDise\u00f1adora gr\u00e1fica, editora web.","url":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/author\/trinimora\/"}]}},"_links":{"self":[{"href":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-json\/wp\/v2\/posts\/243","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-json\/wp\/v2\/comments?post=243"}],"version-history":[{"count":0,"href":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-json\/wp\/v2\/posts\/243\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-json\/wp\/v2\/media\/307"}],"wp:attachment":[{"href":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-json\/wp\/v2\/media?parent=243"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-json\/wp\/v2\/categories?post=243"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/wp-json\/wp\/v2\/tags?post=243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}