02/07/2016

| |

Recadinho Charmoso com ícones de Redes Sociais no blog.

Venha aprender a colocar no seu blog um recadinho super charmoso que tem os ícones de Redes Sociais para o seu blog.



Janela Pop Up charmosa para blogs

Olá,queridos amigos!!
Chegando com uma ótima dica para o seu blog.
Aprenda a colocar UM RECADINHO CHARMOSO COM ÍCONES DE REDES SOCIAIS NO BLOG.
Eu vi essa dica no blog DANY'S PLACE, visite, pois tem ótimas dicas para vocês.

Na verdade, esse recadinho seria uma janela POP-UP para os seus leitores. Mas fazendo o teste, não deu certo como POP-UP e sim como um recadinho no seu blog.Veja abaixo:




Os ícones das Redes Sociais estão linkados e você pode ver um X na parte superior a direita, que caso o seu leitor não queira ver esse recado, ele poderá clicar ali e ele sumirá temporariamente.Quando a página recarregar novamente, o RECADINHO estará no blog.

Vamos aprender???

Copie o código abaixo e cole no HTML/JAVASCRIPT do seu blog:


fieldset class="caja-aviso">
<legend class="letrero-aviso" align="left"> ❤ Recadinho</legend>
<img src="http://i111.photobucket.com/albums/n159/docedani/kawaiipng/pngbyannyzblog67.png"align="left"/><br><br>

Seja bem vindo, não esqueça de deixar um comentário!!

<div align="right">

<a href=" Endereço da página no Facebook " target="blank"><img src="Endereço da imagem" width="30"/></a>

<a href=" Endereço  no G+ " target="blank"><img src="Endereço da imagem" width="30"/></a>

<a href=" Endereço no Twitter" target="blank"><img src="Endereço da imagem" width="30"/></a>

<a href=" Endereço do Canal Youtube " target="blank"><img src="Endereço da imagem" width="30"/></a></div>

</fieldset>
<script>
function closeit(){
document.getElementById("aviso").style.visibility = "hidden";
}
</script>
</div><div class="clear"/></div> 




 Editando o código:

As partes em vermelho são para você editar e colocar os links de suas Redes Sociais e o endereço dos ícones das Redes Sociais. Coloque sempre as informações dentro das ASPAS, pois se você apagar as ASPAS, o código não funcionará.Quem quiser colocar mais Redes Sociais, repita uma das linhas e coloque o link correto.

Veja como ficou no meu blog de testes SOMENTE CÓDIGOS


                               Coloque uma janela Pop Up no blog.  


E ai amigos?? Gostaram???
Se vocês gostaram da postagem, compartilhe em suas Redes Sociais e no final do post, tem o link do compartilhamento no Whatsapp.Deixem seus comentários se conseguiram fazer direitinho, Bjssss!!!

 

Sobre o Autor:
Magda moreira Meu nome é Magda Moreira, sou professora e atualmente estou fazendo o curso de Pedagogia.Sou blogueira de coração e uma curiosa da internet.Meu blog Agenda dos Blogs tem como objetivos:Divulgação de blogs gratuitamente e elaboração de projetos e tutoriais voltados aos blogueiros.

3 comentários:

  1. Ai que idéia bacana, vou ver se consigo fazer no meu blog, achei mega interessante rs
    O Blog deve ficar muito fofinho rs

    Beijos ♥
    http://blogdathaiara.blogspot.com.br

    ResponderExcluir
  2. Você sempre no ajudando com as suas dicas valiosas! bjs
    http://ofantasticomundodairis.blogspot.com.br

    ResponderExcluir

Deixe um comentário, que ficarei muito feliz!!!!!
Abraços á todos!!!!