Visualizações

Navigation

Brinkes Volte ao topo para blogs!

    Olá amigos do Commaosdeseda! gosto muito quando eu vou em um blog e encontro a Gadget de voltar ao topo, mas aquela que quando descemos ela aparece, nos poupa trabalho para ir até o inicio, principalmente quando sabemos que lá em cima tem o menu do blog, ou é a região que tem os principais linksdo blog.  Então resolvi compartilhar com vocês o Script para colocar ele no seu blog, isso pode ser feito para adicionar qualquer imagem.
Como colocar no seu blog?
   É bem simples, abra a gadget do seu blog, vá em adicionar HTML e cole o codigo abaixo. No Lugar onde tem escrito LINK COMPLETO DA URL DA IMAGEM substitua pelo URL de qualquer imagem e pronto.  Salve e quando você for descendo no seu blog a imagem indicando volte ao topo surgira, clique nela e ela te levara ao topo.
Gostou da Dica, comente! Compartilhe!


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript" >
/***********************************************
* Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Modified by www.mijadinhapost.com 
* This notice MUST stay intact for legal use
* Visit Project Page at http://www.dynamicdrive.com for full source code
***********************************************/
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="LINK COMPLETO DA URL DA IMAGEM"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links 
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}, 
init:function(){ 
jQuery(document).ready(function($){ 
var mainobj=scrolltotop 
var iebrws=document.all 
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode 
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body') 
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>') 
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'}) 
.attr({title:'Scroll Back to Top'}) 
.click(function(){mainobj.scrollup(); return false}) 
.appendTo('body') 
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text 
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text 
mainobj.togglecontrol() 
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){ 
mainobj.scrollup() 
return false 
}) 
$(window).bind('scroll resize', function(e){ 
mainobj.togglecontrol() 
}) 
}) 
scrolltotop.init() 
</script>
Veja mais brinkes de volte ao topo, todos com fundo transparentes!



 












Share
Banner

Midian Ferreira

Olá! Me chamo Midian, sou administradora do Blog e Empresa de Artesanato Com mãos de seda MEI! Além de artesan e empresária sou Bióloga formada, Editora eletrônica de livros ebook e editora HTML. Amo tudo no mundo da Arte, da História, da Biologia, da linguagem eletrônica, da religiosidade, de jogos e tudo que me faz um Mundo melhor!

Post A Comment:

6 comments:

  1. Oi tudo bem amiga!
    Eu amei o post.Tbm gosto de encontrar o Gadget de voltar ao topo,mas rara vezes uso rsrs. É que já estou tão acostumada a ñ encontrar que já visito os blogs no piloto automáco.
    Mas amei seu post.
    Bjsss

    ResponderExcluir
  2. Olá!
    Que lindos esses que vc fez! Parabéns!
    E obrigada por compartilhar!!!!
    Acabei de fazer lá no meu com o gif que vc fez para mim!
    Um super bjo!

    Alê - Bordados e Crochê
    Facebook
    Twitter
    Instagram

    ResponderExcluir
  3. Uauuuuuuuuuuuuu que lindos! parabéns amada, ameiiiiiiiiiiiiiiiiii, beijinhossssssssssssssssssss

    http://rubiaartes.blogspot.com.br

    ResponderExcluir
  4. Amiga linda...não está funcionando o meu topo!!!!!!
    Snifffffff...pq será?
    Eu fiz igualzinho como vc explicou....
    bjsssss

    ResponderExcluir
    Respostas
    1. Ale te enviem o código completo pelo face. como sei que vc esta viajando e vai acessar pouco mantem em bloco de notas!

      Excluir
  5. Olá!
    Amiga linda!!!
    Ficaram super fofos o que vc acrescentou...mto obrigada pelo carinho!
    O que vc me enviou o código enquanto estava viajando deu certo...então não vou mexer, kkkkk
    Valeu!
    Um super bjo!

    Alê - Bordados e Crochê
    Facebook
    Twitter
    Instagram

    ResponderExcluir