R

Brinkes Volte ao topo para blogs!

Fale comigo para sua encomenda de festas Grupo Telegram Commaosdeseda Curso onlineTelegram grupos Grupo facebook Grupo Whatsapp "Alunas" Fale comigo para dúvidas sobre cursos
    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!



 













Fale comigo para sua encomenda de festas Grupo Telegram Commaosdeseda Curso onlineTelegram grupos Grupo facebook Grupo Whatsapp "Alunas" Fale comigo para dúvidas sobre cursos

A lei da arte,é a expressão do belo!

Brinkes

Dicas para blogs

Postagens

Trabalhos

Trabalhos - Faça seu orçamento

Volte ao topo

Se você não tem blog e quer comentar. Você pode cometar a abaixo em:
Comentar como: -> Escolher URL -> Digitar seu nome -> E em URL colocar http:/#
(Selecione a caixa "Notifique-me ou Publicar também no Facebook")

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