
Hello Verdinhas tudo bom? Hoje é domingo!! Bom no tuto de hoje eu vou ensinar a vocês a como colocar volta ao topo no blog com efeito deslizante igual o do blog!
Primeiro procure por </body>
Depois de achar cole este código acima dele:
<style type='text/css'>#w2b-StoTop {-moz-border-radius: 8px;-webkit-border-radius: 5px;border-radius: 5px; Width:100px;background:url(LINK DA IMAGEM) ;background-color:;filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='',EndColorStr='');text-align:center;Padding:50px;position:fixed;bottom:10px;right:-110px;cursor:pointer;color:;text-decoration:none;border:1px ;}</style><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'/><script type='text/javascript'>$(function() {$.fn.scrollToTop = function() {$(this).hide().removeAttr("href");if ($(window).scrollTop() != "0") {$(this).fadeIn("slow")}var scrollDiv = $(this);$(window).scroll(function() {if ($(window).scrollTop() == "0") {$(scrollDiv).fadeOut("slow")} else {$(scrollDiv).fadeIn("slow")}});$(this).click(function() {$("html, body").animate({scrollTop: 0}, "slow")})}});$(function() {$("#w2b-StoTop").scrollToTop();});</script><a href='#' id='w2b-StoTop' style='display:none;'/>
Só mexa nos que estão em SUBLINHADO
créditos::: Sonhos HTML
IMAGENS (essa é a melhor parte)
Ovelhas!












.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.gif)
.png)
.png)
Nenhum comentário:
Postar um comentário