Tudo Mais
![[Tutórial] como colocar mensagem de boas vindas no blogger](tudo-mais/tudo-mais-5707342cee742.png "[Tutórial] como colocar mensagem de boas vindas no blogger")
Tutorial:
Faça o login em sua conta do blogger e prossiga de acordo o exemplo abaixo:
Login > Painel Blogger > Modelo e clique em Editar HTML
Logo apos aperte Ctrl + F no código fonte e procure por <body e cole o código abaixo dele:
<style>
#welcome_bar{width:auto;height:auto;display:block;text-align:center;line-height:1.6em;padding:8px 20px;background:#ff847e;color:#fff;position:relative;margin:0 auto;font-weight:normal}
#welcome_bar a{background:#3B81DE;color:#fff;padding:0 6px;border:1px solid transparent;border-radius:4px;font-weight:bold;}
#close_welcome_bar {display:inline-block;cursor:pointer;padding:0 4px;position:absolute;top:0px;right:5px;font-weight:bold;font-size:18px}
</style>
<div id='welcome_bar'>
Olá visitante, seja bem vindo(a) ao meu blogger
<span data-target='#welcome_bar' id='close_welcome_bar'>×</span>
</div>
<script type='text/javascript'>
//<![CDATA[
var button=document.querySelector("#close_welcome_bar");button.addEventListener("click",function(){var t=document.querySelector(button.getAttribute("data-target"));t.style.display="none"==t.style.display?"block":"none"});
//]]>
</script>
O texto marcado comAzulé a mensagem a ser visualizada, caso queira edite-a de acordo com seu gosto.
Salve o modelo e visualize o resultado.
- [tutorial] Como Colocar Janela Mini Popup Curtir No Facebook No Blog
Nesse tutorial iremos ensinar como colocar janela com um mini Pop-Up pra curtir no Facebook que aparece com um efeito deslizante ao lado direito do blog próximo ao roda-pé. Para fazer esse processo basta seguir o tutorial...
- [tutorial] Como Instalar Widget Barra Fixa No Topo Blog Com Postagens Recentes
Nesse tutória iremos ensinar a você a colocar uma barra fixa no topo do blog com as postagens mais recentes do blog, Para instalar esse Widget em seu blog é muito simples basta seguir o tutoria passo a passo que que esta logo abaixo. 1º Vá...
- [tutorial] Como Colocar Barra Flutuante De Redes Sociais No Blogger
As redes sócias é sem duvida uma das grandes formas de divulgação de qualquer tipo de conteúdo pensando nisso preparamos esse tutorial que ira lhe ajudar a oferecer aos visitantes de seu site a possibilidade de compartilhar suas postagens nas redes...
- [tutorial] Com Colocar Comentários Do Facebook E Blogger Juntos
Olá pessoa nesse tutorial estarei ensinando a mais nova forma de se colocar os comentários do Facebook juntos com os de seu blog tornando assim seu blog cada vez mais dinâmico não só no conteúdo mas também na forma de interação de seus...
- [tutórial] Como Colocar A Primeira Letra Das Postagens Do Blog Grande
Nesse tutorial vamos ensinar uma forma simples pra você começar os artigos de seu blog com a letra grande igual a da imagem acima, para aprender a fazer esse processo é bem simples basta seguir o passo a passo do tutorial abaixo que você conseguira...
Tudo Mais
[Tutórial] como colocar mensagem de boas vindas no blogger
Como colocar uma mensagem de boas vindas bem amigável para que entra em seu
blogger, a mensagem pode ser editada e até por um link dentro dela.
Contudo ela é uma mensagem simples e quem não atrapalha na navegação do Blogger.
Tutorial:
Faça o login em sua conta do blogger e prossiga de acordo o exemplo abaixo:
Login > Painel Blogger > Modelo e clique em Editar HTML
Logo apos aperte Ctrl + F no código fonte e procure por <body e cole o código abaixo dele:
<style>
#welcome_bar{width:auto;height:auto;display:block;text-align:center;line-height:1.6em;padding:8px 20px;background:#ff847e;color:#fff;position:relative;margin:0 auto;font-weight:normal}
#welcome_bar a{background:#3B81DE;color:#fff;padding:0 6px;border:1px solid transparent;border-radius:4px;font-weight:bold;}
#close_welcome_bar {display:inline-block;cursor:pointer;padding:0 4px;position:absolute;top:0px;right:5px;font-weight:bold;font-size:18px}
</style>
<div id='welcome_bar'>
Olá visitante, seja bem vindo(a) ao meu blogger
<span data-target='#welcome_bar' id='close_welcome_bar'>×</span>
</div>
<script type='text/javascript'>
//<![CDATA[
var button=document.querySelector("#close_welcome_bar");button.addEventListener("click",function(){var t=document.querySelector(button.getAttribute("data-target"));t.style.display="none"==t.style.display?"block":"none"});
//]]>
</script>
O texto marcado comAzulé a mensagem a ser visualizada, caso queira edite-a de acordo com seu gosto.
Salve o modelo e visualize o resultado.
- [tutorial] Como Colocar Janela Mini Popup Curtir No Facebook No Blog
Nesse tutorial iremos ensinar como colocar janela com um mini Pop-Up pra curtir no Facebook que aparece com um efeito deslizante ao lado direito do blog próximo ao roda-pé. Para fazer esse processo basta seguir o tutorial...
- [tutorial] Como Instalar Widget Barra Fixa No Topo Blog Com Postagens Recentes
Nesse tutória iremos ensinar a você a colocar uma barra fixa no topo do blog com as postagens mais recentes do blog, Para instalar esse Widget em seu blog é muito simples basta seguir o tutoria passo a passo que que esta logo abaixo. 1º Vá...
- [tutorial] Como Colocar Barra Flutuante De Redes Sociais No Blogger
As redes sócias é sem duvida uma das grandes formas de divulgação de qualquer tipo de conteúdo pensando nisso preparamos esse tutorial que ira lhe ajudar a oferecer aos visitantes de seu site a possibilidade de compartilhar suas postagens nas redes...
- [tutorial] Com Colocar Comentários Do Facebook E Blogger Juntos
Olá pessoa nesse tutorial estarei ensinando a mais nova forma de se colocar os comentários do Facebook juntos com os de seu blog tornando assim seu blog cada vez mais dinâmico não só no conteúdo mas também na forma de interação de seus...
- [tutórial] Como Colocar A Primeira Letra Das Postagens Do Blog Grande
Nesse tutorial vamos ensinar uma forma simples pra você começar os artigos de seu blog com a letra grande igual a da imagem acima, para aprender a fazer esse processo é bem simples basta seguir o passo a passo do tutorial abaixo que você conseguira...