Efeito Logo Piscando No Topo do Blogger

Nesta postagem compartilho com vocês mais um código super criativo para deixar seu blog com mais movimento, com relação a Gadgets em sua página.

O logo ficará fixado no todo da sua página, porém, você pode estar personalizando deixando do seu gosto.

Para colocar em seu blog é bem simples...

Entre em "Layout" - "Adicionar um Gagdget" - "HTML/JavaScript" e cole o código

<script type='text/javascript'>
$(document).ready(function() {

    
  $("#botao_contato").click(function(){
  $("#ContactForm1").toggle("fast");

  });

  
       var nav = $('.nav-container');
    
    $(window).scroll(function () {
        if ($(this).scrollTop() > 136) {
           $('#ContactForm2').show('fast', function() {
   });
        } 
    });

var altura_tela = $(window).height();
 $("#bloco").height(altura_tela);
$( window ).resize(function() {
var altura_tela = $(window).height();
 $("#bloco").height(altura_tela);
});

 $("#botao_bloco").click(function(){
  $("#bloco").toggle("slow");

  });

$("#pisca").css("opacity","0.4");
 setInterval(function() {
  if($("#pisca").css("opacity") == 0){
    $("#pisca").css("opacity","1");
   }else{
    $("#pisca").css("opacity","0");
   }
   
  }, 100);



  

 });//readu function


</script>
<a href='#'><img id='pisca' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1CVNP_JEV-s0lAGg9eO4lp9ga1zTYrgqCYPekoP_9Eoh1w8WLwVaFcOfX9vqgtlRSOV9qpENN_YhubEqeF3JqBvm4qEeoKG8lwbuHrjh64OFAuG1JWG199MtSi91R5p1W7b1hCdVQB_65/s1600/DicasHot.png' style='position:fixed; right:2%; top:15%; width:100px; height:auto; transition:all 100ms linear;z-index:999;'/></a>

Destaquei algumas partes que você pode estar modificando, como: você pode colocar um link (na parte destacada de azul) para quando uma pessoa clicar no logo ser direcionada a uma outra página. 

E na parte destacada de vermelho você pode colocar o endereço da imagem do seu logo ou uma imagem que você queira, não precisa ser necessariamente um logo.

Qualquer duvida, não deixe de perguntar.