• 📂Arquivado na Categoria»Personalizações
  • 26 outubro 2021

    Personalizando as postagens populares do blog, 3 modelos para você escolher

    em 26 outubro 2021

     Bom dia, amigos leitores!


    Hoje vamos a mais uma personalização para blogs do Blogger, é dia de deixar o gadget das postagens populares mais atraente e elegante.


    Como o nome já diz, postagens populares do blog, ou seja, as que são mais vistas pelo seu público.


    Personalizando as postagens populares do blog, 3 modelos para você escolher

    19 outubro 2021

    Dois estilos para personalizar o menu nativo do blogger, fácil e simples

    em 19 outubro 2021

     

    Quem cria um blog no blogger, e ainda está sem poder comprar um tema recheado de personalizações e recursos, e deseja deixar seu tema limpo, leve e fácil para navegação do usuário.


    Vou ensinar vocês a  personalizar de duas formas o menu nativo do blogger, fácil e simples de aplicar e deixa-lo combinando com seu layout.


    Borá lá, conferir o tutorial!



    Dois estilos para personalizar o menu  nativo do blogger, fácil e simples

    31 agosto 2021

    4 estilos de personalização para os marcadores do blog e como organiza-los

    em 31 agosto 2021

     

    • Marcadores ou categorias e tags do blog, são importantes quanto a organização das postagens e um excelente forma de facilitar o leitor a encontrar o conteúdo que procura.

    • Você sabe qual a diferença entre eles?

    • Como o nome sugere, as tags (etiquetas) são usadas para classificar os assuntos relacionados que podem aparecer nos temas  classificados por categoria. Categoria dá, o tema e a tag o assunto no mesmo.

    • Os marcadores ou categorias nativo do blogger são muito simples não dando nenhum destaque a esse gadget.


    • Aqui vou apresentar 4 estilos de personalização, podendo alterar cores e alguns outros itens, pois além de ficarem mais atrativos e combinarem com o blog, os marcadores ou categorias possuem uma função importante  que além de auxiliar a organizar melhor o blog ajuda o leitor a navegar melhor entre os assuntos do seu interesse.

    • Vamos aos códigos e instruções, leia bem siga tudo com atenção todos já foram testados por mim nos temas do blogger.


    4 estilos de personalização para os marcadores do blog e como organiza-los


    25 agosto 2021

    Como personalizar o rodapé de créditos do seu blog e deixar combinando com seu tema

    em 25 agosto 2021


    O tema do blogger é super personalizável, o que nos permite modificar todos os códigos do tema.

    Hoje eu trouxe mais uma personalização para seu blog. 

    Não há nada mais chato do que customizar todo o template e não poder colocar nosso nome no rodapé, então hoje vamos dar uma olhada em como deletar a assinatura do blogger (atribuições), e colocar um crédito rodapé com um design legal e seu nome.



    Como personalizar o rodapé de créditos do seu blog e deixar combinando com seu tema

    23 agosto 2021

    4 estilos de páginas numeradas para você personalizar e instalar em seu blog

    em 23 agosto 2021

     

    • Falando de temas para blogs uma das coisas mais importantes além de um tema responsivo são as páginas numeradas que ajudam a deixar o blog mais organizado.


    • Para quem gosta de personalizar seu próprio tema um dos itens que não podemos deixar  de incluir, eu trouxe quatro estilos de páginas numeradas para vocês usarem podendo personalizar as cores e fonte numérica.

    • Quando configuramos o  nosso blog possa definir quantas páginas irão aparecer na "Home", do blog, assim quando adicionamos numeração as páginas do blog ele fica com um ar mais profissional e organizado.

    • Por padrão o blog possui os links, página inicial, postagens mais recentes, postagens mais antigas ao adicionarmos numeração as páginas o leitor terá mais facilidade e agilidade em navegar dentro do seu blog.


    4 estilos de páginas numeradas  para você personalizar e instalar em seu blog

    18 maio 2021

    Perfil da autora com ícones sociais personalizado

    em 18 maio 2021

    Perfil da autora na sidebar do blog personalizada com ícones sociais


      • Um perfil da autora (o), na lateral (sidebar) do blog é uma boa pedida trazendo a sensação de maior proximidade entre o leitor e quem escreve o blog.

      • Um breve resumo sobre a pessoa que escreve os artigos, seguido pelo objetivo e finalidade, do blog que está visitando. 

      • Finalizando com um “leia mais” ou apenas o sinal (+), para que se desejar siga para se aprofundar na sua página 'sobre'(link da página), acompanhado de suas redes sociais incentivando a interação.


      • Confira como deixar o perfil da autora mais atrativo chamando a atenção de seus leitores. 


      • Você pode variar bastante trocando o formato dos ícones e as cores das personalizações, combinando com seu blog ou seguindo a cor de cada rede social espero que gostem.

      • Para adicionar o perfil da autora personalizado, no painel do blog vá em layout e adicione um gadget HTML\Javascript insira o código abaixo, título e salve.

      • Simples assim!
      • Código:

      <style>
      .profile-pic {
      text-align: center;
      font-size: 14px; /*TAMANHO DA FONTE DO TEXTO*/
      }
      .profile-pic img {
      width: 250px; /*LARGURA DA FOTO*/
      height: auto;
      opacity:1
      }
      .profile-pic img:hover {opacity:0.7;
      }
      #socialmediaiconsside {
      font-size: 22px; /*TAMANHO DA FONTE DOS ÍCONES*/
      margin: 0;
      padding-right: 10px;
      text-align: center;
      position:relative;
      }
      #socialmediaiconsside a {
      color: #80ced6; /*COR DOS ÍCONES*/
      display: inline-block;
      line-height: 40px;
      padding: 0 5px;
      }
      #socialmediaiconsside a:hover {
      color: #618685; /*COR DOS ÍCONES EM ESTADO HOVER*/
      }
      </style>

      <div class="profile-pic"> 
      <img src="sua foto " border="0" alt="profile"/> 
      <p align="center">Descrição<a href='link da ´pagina sobre '>(+)</a>
       </p> </div>

      <div id="socialmediaiconsside">
      <a href="https://www.facebook.com/suapágina " target="_blank"><i class="fa fa-facebook"></i></a>
      <a href="https://twitter.com/seunome" target="_blank"><i class="fa fa-twitter"></i></a>
      <a href="https://br.pinterest.com/seunome/ " target="_blank"><i class="fa fa-pinterest"></i></a>
      <a href="https://www.instagram.com/seunome/ " target="_blank"><i class="fa fa-instagram"></i></a>
      <a href="https://www.linkedin.com/seunome" target="_blank"><i class="fa fa-linkedin"></i></a>
      <a href="mailto:e-mailcomercial "><i class="fa fa-envelope"></i></a>
      </div>

      <center>
      <div style="display: inline;
      width:auto;
      background: transparent;
      font-family:'Copse';
      font-size: 20px;
      color: #618685;
      padding: 5px 5px;
      margin-top: 0px;
      text-align: center;">


      • Onde você deve alterar?

      font-size: 14px; /*TAMANHO DA FONTE DO TEXTO*/
      width: 250px; /*LARGURA DA FOTO*/
      font-size: 22px; /*TAMANHO DA FONTE DOS ÍCONES*/ aumente se desejar
      color: #80ced6; /*COR DOS ÍCONES*/
      color: #618685; /*COR DOS ÍCONES EM ESTADO HOVER*/
      color: #80ced6; /*COR DOS ÍCONES*/
      color: #618685; /*COR DOS ÍCONES EM ESTADO HOVER*/


      • O Gadget também pode ser personalizado sozinho usando um background para diferenciar dos demais.

      • Código para Gadget personalizado deve ser adicionado acima de ]]></b:skin>:

      #ID do gadget{background:linear-gradient(to right,floralwhite,lightcyan,peachpuff);font-family:lobster; /*Fonte do título do Gadget Separado*/text-align:center;color : #708090 /*Cor do título do Gadget Separado*/font-size: 18px; /* Tamanho do título do Gadget Separado */}#ID do gadget a:hover {background:linear-gradient(to top,right,pink,lightcyan);color:ffedff;}


      • Se desejar incluir mais alguma rede social é só acrescentar esse mesmo código trocando o nome da rede social e o ícone.

      • <a href="https://www.facebook.com/páginadoblog/ " target="_blank"><i class="fa fa-facebook"></i></a>

      • Para saber mais como instalar os ícones sociais Font Awesome, para visualizar várias combinações e background para personalizar o Gadget confira a Tabela de cores.

      • Dúvidas sugestões e pedidos deixe nos comentários abaixo, atenderei o mais breve possível.

      08 abril 2021

      Personalizações úteis para Blogs

      em 08 abril 2021

       Postagem atualizada em 21\05\2022


      Personalizações úteis para blogs do blogger

      01 abril 2021

      Widget de postagens relacionadas para blogger

      em 01 abril 2021

       

      Widget de postagens relacionadas para blogger

       

      • Uma das buscas constantes de nós blogueiros, é manter o leitor interessado em nosso blog, além de aplicar as técnicas de títulos atrativos, bom conteúdo e escrita também existem algumas outras coisinhas à mais.

      • Hoje vou mostras a vocês como inserirem um widget de postagens relacionadas ao final da postagem do blog, esse é um atrativo muito útil para manter seu leitor por mais tempo e também para descobrirem mais assuntos de seu interesse.
      • Preste atenção ao código, antes de instalar no seu blog, o ideal é experimentar em um blog de teste e não se esqueça de fazer um backup do seu blog antes da instalação.


      • Vamos então ao código e instalação do widget postagens relacionadas para blogger.


      Confira também, outros artigos: