dicas blog
Home » , , » Como adicionar uma barra de compartilhamento flutuante de postagens no blog

Como adicionar uma barra de compartilhamento flutuante de postagens no blog

1
Nesse tutorial  vamos ver como  adicionar no blog  uma barra que aparece e some ao rolar a pagina  das postagens.  Para que um blog cresça é  preciso um conjunto de coisas funcionado  aleatória mente, uma delas  e  o Compartilhamento  nas   redes  sociais.  colocar  botões de Compartilhamento para que os visitantes  possam  compartilhar com  amigos suas  postagens  com  isso aumentará   seu público e aumentará  sua rendo  no blog existem varias formas e  vários modelos de botões  de Compartilhamento para blogs no  geral. o modelo  que vou
 mostrar para você é uma barra que aparece quando  a pagina  é rolada  para  baixo,  com  botões de Compartilhamento como  Google twitter e  facebook com  uma  leve  descrição  do  titulo  da  sua postagem ela  some quando a  pagina é  rolada  para cima, desta   forma  não  atrapalha a leitura e não  causa nem um  tipo de  constrangimento  ao visitante do blog.  eu a  chamo de barra mágica você  pode  chamá la   como quiser  isso  nada  mais é do que uma  barra flutuante que  aparece quando a pagina é rolada  para  baixo e some quando  a pagina sobe de volta para o topo.



Observação: não coleque os três  códigos ao mesmo tempo poderá  geral  erros ao  salvar  faça o  trabalho  manual   um de  cada vês.

Primeiro faça backup do template



depões    editar HTML expandir modelo  de widgets  e procure pelos códigos abaixo  de um CTRL+F para facilitar  a busca dos códigos.

Primeiro procure por  </head> e  adicione a código  abaixo acima  dela.

Depões procure  por  <data:post.body/> e  adicione o código  abaixo  abaixo dela cuida  pode ter  mais de  uma adicione abaixo da primeira que encontrar.



Agora  procure  por </body> e  adicione  o código  abaixo acima dela.


Observação:
1codigo  acima 
2 código  abaixo 
3 código acima 

Depões de  feio salve  e  visualize  para ver   se   deu  tudo  certo  e  vamos  ao  próximo  passo colocar  um texto de  incentivo para  o compartilhamento.

 troque a frase abaixo pela sua!

Ola amigos Compartilhe com  amigos  para   ajudar  nosso blog  a  crescer

Para trocar  a  cor da  barra procure dentro  do ultimo  código esse trecho   rgba(235, 88, 60, 0.8) e  altere pela cor  preferida  no  mesmo  seguimento

Bom era isso  duvidas é só pedir  um  suporte  que  vamos Le  ajudar  assim  que  possível obrigado  a  todos.

1 comentários: