Voltar ao topo + Imagens


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=&#39;&#39;,EndColorStr=&#39;&#39;);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(&quot;href&quot;);if ($(window).scrollTop() != &quot;0&quot;) {$(this).fadeIn(&quot;slow&quot;)}var scrollDiv = $(this);$(window).scroll(function() {if ($(window).scrollTop() == &quot;0&quot;) {$(scrollDiv).fadeOut(&quot;slow&quot;)} else {$(scrollDiv).fadeIn(&quot;slow&quot;)}});$(this).click(function() {$(&quot;html, body&quot;).animate({scrollTop: 0}, &quot;slow&quot;)})}});$(function() {$(&quot;#w2b-StoTop&quot;).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!

Gif de ovelha Gif de ovelha Gif de ovelha Gif de ovelha Gif de ovelha Gif de ovelha  Gif de ovelha Gif de ovelha Gif de ovelha Gif de ovelha Gif de ovelha Gif de ovelha

                  

   

Nenhum comentário:

Postar um comentário

CRED
te peguei safado!