Como reemplazar el botón atrás por el botón del menú lateral izquierdo en el tema contempo de blogger



¿Quieres cambiar el botón atrás por el botón de la barra lateral izquierda como en la pagina principal del blog? ¿No te gusta ese botón atrás (porque ya tienes una opción de tu menú que cumple esa función)? Cualquiera que sea la razón sigue los siguientes pasos para remplazar el botón atrás por el botón del menú o barra izquierda en el tema contempo de blogger:

Ir al código HTML de la plantilla o tema contempo de blogger

Antes de ir a editar el código HTML no olvides hacer una copia de seguridad del código HTML de la plantilla o tema por si acaso.

1 Paso:
Ve a Tema>>Editar HTML y cuando cargue la pagina del código clic dentro de la caja del código HTML y pulsas Ctrl+f en la cajita de búsqueda que aparece en la parte superior derecha de la caja de código copias y pegas "<b:include data='{ button: true, iconClass: &quot;hamburger-menu flat-icon-button ripple&quot; }' name='menuIcon'/>" sin comillas y pulsas Enter.


2 Paso:
Ahora vamos a convertir en comentario las 5 lineas que están arriba de la linea que nos aparece seleccionada en amarillo y la linea que esta después, para convertir una linea en comentario vamos a agregar le !-- al principio de la linea después de < y -- al final antes de >, quedaría como en la imagen de aquí abajo.


Clic en "Guardar tema" y visita tu blog para ver el resultado.

3 Paso:
Por ultimo vamos a eliminar las lineas que hemos convertido en comentario, clic en "Guardar tema" y el código quedaría así como en la imagen:


Eso es todo.

Si quieres volver a dejar todo como estaba para que el botón atrás vuelva a aparecer solo tienes que realizar el primer paso, eliminar la linea que aparece resaltada o seleccionada en amarillo, copiar y pegar el código que esta aquí abajo donde estaba la linea que eliminaste y clic en "Guardar tema".

Código HTML del botón atrás:
                <b:if cond='data:view.isSingleItem'>
                  <a class='return_link' expr:href='data:blog.homepageUrl'>
                    <b:include data='{ button: true, iconClass: &quot;back-button rtl-reversible-icon flat-icon-button ripple&quot; }' name='backArrowIcon'/>
                  </a>
                <b:else/>
                  <b:include data='{ button: true, iconClass: &quot;hamburger-menu flat-icon-button ripple&quot; }' name='menuIcon'/>
                </b:if>

Saludos y nos leemos.

Comentarios

Entradas populares de este blog

Como eliminar cualquier gadget o widget en blogger

Plantilla o tema contempo con dos columnas

Como redondear los bordes en blogger