Seta "TOPO" Com Efeito

ooi meus amores *--*, hoje eu vou ensinar como colocar a seta "TOPO" no blog com efeito deslizante .


1- Vá em Design e adicione um gadget de HTML/Javascript .
2- Nesse gadget cole o código abaixo:


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"> </ script> 
texto <script type = '/ 'language =' javascript Javascript "> 
var scrolltotop = { 
/ / linhaInicial: Integer. Número de pixels do topo do doc barra de rolagem é rolada antes de mostrar controle 
/ / scrollTo: Palavra-Chave (Integer, ou "Scroll_to_Element_ID"). Como muito para rolar documento até quando o controle é clicado (1 top =). 
configuração: {linhaInicial: 100, scrollTo: 0, scrollduration: 1000 fadeduration,: [500, 100]}, 
controlHTML: '<img src = "COLOQUE AQUI O URL DA IMAGEM "/> ', / / HTML para o controle, que é auto envolto em DIV w / ID =" TopControl " 
controlattrs: {offsetx: 5, OffsetY: 5}, / / offset de controle em relação ao direito / centro de canto da janela 
anchorkeyword: '# top', / / Insira o valor de href âncoras HTML na página que também deve atuar como "Scroll Up" links 
estado: {IsVisible: false, shouldvisible: false}, 
scrolldown: function () { 
if (! this.cssfixedsupport) / / se o controle está posicionado usando JavaScript 
esta ({opacity: 0}) $ control.css. / controle / hide imediatamente após clicar nele 
var dest = isNaN (this.setting.scrollto)? this.setting.scrollto: parseInt (this.setting.scrollto) 
if (typeof dest == "string" jQuery && ('#' + dest) comprimento == 1). / elemento de verificação / set por string existe 
dest jQuery = ( . '#' + dest) deslocamento () superior. 
mais 
dest = 0 
esta body.animate $ ({scrollTop: dest}., this.setting.scrollduration); 
}, 
keepfixed: function () { 
var $ janela jQuery = ( janela) 
var = $ controlx window.scrollLeft () + $ window.width () - este control.width $ () -. this.controlattrs.offsetx 
var controlY = $ window.scrollTop () + $ window.height () - este control.height $ () - this.controlattrs.offsety. 
este control.css $ ({left: controlx + 'px', top: controlY + 'px'}). 
}, 
togglecontrol: function () { 
var scrollTop jQuery = ( janela). scrollTop () 
if (! this.cssfixedsupport) 
this.keepfixed () 
this.state.shouldvisible = (scrollTop> = this.setting.startline)? verdadeiro: falso 
if (&& this.state.shouldvisible this.state.isvisible!) { 
$ control.stop este () animar.. (opacidade {: 1}, this.setting.fadeduration [0]) 
this.state.isvisible = true 
} 
else if (this.state.shouldvisible == false && this.state.isvisible) { 
esta opacidade $ control.stop () animar ({:.. 0}, mainobj = scrolltotop var iebrws = document.all mainobj.cssfixedsupport = iebrws | | && iebrws document.compatMode == "" && CSS1Compat window.XMLHttpRequest / / Não IE ou IE7 + navegadores em modo standards . mainobj corpo $ = (window.opera ) (document.compatMode == "CSS1Compat" $ ('html'?): $ ('body')): $ ('html, body') . mainobj $ controle = $ ('<div id = "TopControl" > '+ mainobj.controlHTML +' </ div> ') . css ({position: mainobj.cssfixedsupport 'fixo': 'absoluto', inferior: mainobj.controlattrs.offsety, direita: mainobj.controlattrs.offsetx, opacidade: 0 , cursor: 'ponteiro'}) attr:. ({title 'Role Voltar ao Topo'}) {mainobj.scrollup (); return false}) click (function (). appendTo ('body'). if (document. todos os && && mainobj window.XMLHttpRequest R $ control.text () ='') / / verificação solta para o IE6 e abaixo, mais se o controle contém todo o texto!.! mainobj $ control.css ({width:. mainobj $ controle.. largura ()}) / / IE6-parece exigir uma largura explícita em um texto DIV contendo mainobj.togglecontrol () $ ('a [href = "' + mainobj.anchorkeyword +"] "). click (function () { mainobj.scrollup () return false }) $ (window). bind ('resize scroll', function (e) { mainobj.togglecontrol () }) }) } }scrolltotop.init () </ script>


3- Nesse código você deve substituir o "COLOQUE AQUI O URL DA IMAGEM" pelo o URL da imagem desejada.


ALGUMAS IMAGENS :