Botón de subir para Blogger. Foto de Kaboompics .com

Tutorial: ¿Cómo colocar un nuevo botón de subir para BLOGGER?

En pocas palabras le comentaré cómo colocar un botón de subir, como el que se ve abajo de esta página, diferente a los diseños que había visto habitualmente, más moderno y con mejor adaptación, para las plantillas responsive para blogger.

Práctico, para que los lectores, vuelvan al inicio rápidamente con un solo click evitando usar la barra de desplazamiento.

1) Primero, para colocar un botón de subir para BLOGGER

Ingresa al tema, editar html.
Coloca encima de </style>, el siguiente código:

2) Segundo, busca </body> y coloca debajo el siguiente script.

<script type='text/javascript'>
//<![CDATA[
/* subir */
jQuery(document).ready(function ($) {
$(document).click(function (e) {
if (e.target.id == 'show_user') {
$(".user_box").toggleClass("active")
} else if (e.target.className == 'user-box-li') {} else {
$(".user_box").removeClass("active")
}
})
});
$(document).ready(function(){$("#closedrop").click(function(){$(".menu-mobi").removeClass("shows");});});
//Back to top
jQuery(document).ready(function($) {
jQuery("body").prepend("<a class='animate ' href='#' id='move-to-top'><i class='fa fa-arrow-up' style=''></i></a>");
var scrollDes = 'html,body';
if(navigator.userAgent.match(/opera/i)){
scrollDes = 'html';
}
jQuery(window).scroll(function () {
if (jQuery(this).scrollTop() > 160) {
jQuery('#move-to-top,#header-wrapper').addClass('filling').removeClass('hiding');
} else {
jQuery('#move-to-top,#header-wrapper').removeClass('filling').addClass('hiding');
}
});
});
//]]>
</script>

Ahora, actualice la plantilla para ver los cambios y debe aparecer el botón de subir para Blogger, si no aparece le recomiendo algunas plantillas donde se puede instalar este botón.

ver plantillas, versión demo.

Eso es todo, esperamos que esta información te sea útil.

Entradas Recientes