Se você possui muitas posts em seu blog, e quer facilitar a navegação dos internautas em seu blog, esse tutorial então foi feito para você.
Bom vamos começar..
1 Procure por essa Tag em Editar HTML:
]]></b:skin>
Depois dele você irá colar esse código:
Tudo feito, agora iremos para o próximo passo:Encontre esse código (Ctrl + F)
Depois dele você irá colar esse código:
<div id="codigo">#voltarparaotopo {<br>
padding:5px;<br>
position:fixed;<br>
bottom:10px;right:10px;<br>
cursor:pointer;<br>
}div>Tudo feito, agora iremos para o próximo passo:Encontre esse código (Ctrl + F)
</body>
Após o código você deve adicionar este:
Após o código você deve adicionar este:
<a href="#" id="voltarparaotopo"><img src="URL DA IMAGEM" alt="voltar para o topo" /></a>
Em Url da imagem, escolha a imagem que quiser. Desde setas ate mesmo imagens personalizadas, fica a seu gosto.
Feito tudo isso procure pelo código:
Em Url da imagem, escolha a imagem que quiser. Desde setas ate mesmo imagens personalizadas, fica a seu gosto.
Feito tudo isso procure pelo código:
<head>
Agora para finalizar, adicione abaixo desse código, esse outro:
Agora para finalizar, adicione abaixo desse código, esse outro:
<div id="codigo">&lt;script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'<br> type='text/javascript'&gt;&lt;/script&gt;<br> &lt;script language=&quot;javascript&quot;&gt;<br> $(window).ready(function(){<br> $('#backtotop').click(function(e){<br>
e.preventDefault();<br> $('html, body').animate({scrollTop:0}, 'fast');<br> });<br> });<br> &lt;/script&gt;div>
0 comentários:
Postar um comentário