Voltar ao topo + Imagens

Olá meus cheirosos *u* Como estão?

Trago um tutorial super simples e fácil de ser aplicado ao seu blog! Ele é aquele que faz subir ao topo, para os preguiçosos que não querem rolar a página ate chegar lá:) To de brinks!
Ele é bem útil e fica uma graça se colocar uma imagem bem fofinha *--* Vamos conferir??

Vá em Modelos depois Edidar HTML e procure por:

</body>

Depois cole esse outro 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;'/>

♥ Entenda os códigos:

Widht: é a largura da imagem, troque o número até ficar ao seu gosto.

Padding: é para subir a imagem, troque o número até subir o quando deseja.

Abaixo, estão algumas imagens que fiz, estão horríveis, mas dá pro gasto ;)

 ♥ Imagens ♥ 

♥  Se usar Credite baby!!

Comentem o que acharam meu lindos! Beijos e até a próxima!