Blogger Recursos

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

<br />$(function () { // run this code on page load (AKA DOM load)<br /> <br />	/* set variables locally for increased performance */<br />	var scroll_timer;<br />	var displayed = false;<br />	var $message = $('#message a');<br />	var $window = $(window);<br />	var top = $(document.body).children(0).position().top;<br /> <br />	/* react to scroll event on window */<br />	$window.scroll(function () {<br />		window.clearTimeout(scroll_timer);<br />		scroll_timer = window.setTimeout(function () { // use a timer for performance<br />			if($window.scrollTop() <= top) // hide if at the top of the page<br />			{<br />				displayed = false;<br />				$message.fadeOut(500);<br />			}<br />			else if(displayed == false) // show if scrolling down<br />			{<br />				displayed = true;<br />				$message.stop(true, true).show().click(function () { $message.fadeOut(500); });<br />			}<br />		}, 100);<br />	});<br />});<br />

<br /><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script><br /><script src="DOMINIO.COM/RUTA DEL ARCHIVO/back-to-top.js" type="text/javascript"></script><br />

<br />#message a<br />{<br />	/* display: block before hiding */<br />	display: block;<br />	display: none;<br /> <br />	/* link is above all other elements */<br />	z-index: 999; <br /> <br />	/* link doesn't hide text behind it */<br />	opacity: .8;<br /> <br />	/* link stays at same place on page */<br />	position: fixed;<br /> <br />	/* link goes at the bottom of the page */<br />	top: 100%;<br />	margin-top: -80px; /* = height + preferred bottom margin */<br /> <br />	/* link is centered */<br />	left: 50%;<br />	margin-left: -160px; /* = half of width */<br /> <br />	/* round the corners (to your preference) */<br />	-moz-border-radius: 24px;<br />	-webkit-border-radius: 24px;<br /> <br />	/* make it big and easy to see (size, style to preferences) */<br />	width: 300px;<br />	line-height: 48px;<br />	height: 48px;<br />	padding: 10px;<br />	background-color: #000;<br />	font-size: 24px;<br />	text-align: center;<br />	color: #fff;<br />}<br />

<br /><div id="top"></div><br /><div id="message"><a href="top">Volver al top</a></div><br />