domingo, 30 de agosto de 2015

Balão flutuante de ser postador

Balão Flutuante Seja um Postador

Como vocês já devem ter visto aqui no Fique Sabendo!, nós usamos um balão flutuante dizendo “Seja um postador”. O código original (assim como a imagem usada nele) foi feita por Iago Melanias, no seu antigo blog Blogando com Facilidade (hoje me parece que ele não tem mais um blog). Depois de um tempo que ele deixou de blogar, o código javascript desse balão flutuante saiu do ar e deixou de funcionar. Então comecei a pesquisar na internet outros códigos para adaptar o antigo código de Iago, e achei um do blog Kakshi N95 Downloads. Então peguei alguns itens dos dois códigos para formar um novo. Só não consegui colocar o botão fechar da pop-up, como tinha no código original, por isso ele não pode ser fechado (se alguém quiser contribuir com isso fique a vontade para dizer como nos comentários).

Para colocar esse balão siga os passos:

1º – No painel do Blogger, clique na setinha ao lado do nome do seu blog e depois em “Modelo”.

2º – Clique em “Editar HTML”.

3º – Clique dentro da caixa de códigos, dê um Ctrl+F e procure por:

]]></b:skin>

4º – Acima dele cole o código abaixo:

#ser-autor {text-align: center;padding: 5px;position: fixed;bottom: 5px;right: 5px;cursor: pointer;border: 1px solid gray;background-color: white;!important;z-index: 99999;}

5º – Depois dê um Ctrl+F mais uma vez e procure por:

</body>

6º – Acima dele cole o código abaixo:

<a href='URL DA PÁGINA DE SER AUTOR' id='ser-autor'><img src='http://4.bp.blogspot.com/-K2WSYjoyo4o/Tq4i-z6ZumI/AAAAAAAACco/xUcMta6-NHY/s1600/ser-autor.png'/></a>

Substitua a parte em vermelho pela página de ser um autor do seu blog.

7º – Depois clique em “Salvar modelo”.

Depois disso o balão já estará no seu blog.

Se você gostou desse tutorial, compartilhe, e não deixe de nos acompanhar nas redes sociais (Facebook, Twitter e Google+)!

Jóckisan

é pernambucano, e é estudante e blogueiro nas horas vagas. Gosta de estudar, ler livros, assistir a bons filmes e séries. Na internet gosta de ler notícias interessantes, tecnologia e TV. Também escreve no Mundo Geek.
comments powered by Disqus

 

Copyright @ 2011-2015 Fique Sabendo!.