6 truques fáceis para blog que você precisa testar hoje mesmo - * Blog Elaine Gaspareto *

6 truques fáceis para blog que você precisa testar hoje mesmo

em 01/08/2017

6 truques fáceis para blog que você precisa testar hoje mesmo
Quando usamos um template nativo do Blogger, do Design de Modelo, ele pode vir com algumas coisinhas chatas que ninguém gosta.
Vou ensinar abaixo como se livrar dessas chatices e também vou compartilhar contigo alguns códigos simples que fazem mágica em nosso blog!
São 6 tutoriais bem simples, que você conseguirá fazer em alguns minutos.
Vem comigo!!!!

Antes de tudo acesse a página com os códigos necessários para a realização dos tutoriais:


Copiar os códigos



Agora vamos aos truques, que ensinam como retirar do nosso blog coisas desnecessárias e feias.



Retirar os dois pontinhos (:) que aparecem no link dos comentários do blog:


Vá ao painel do seu blog, clique na aba Tema (ou Modelo) e a seguir clique em Editar HTML.
Dentro da caixa do código-fonte tecle Ctrl+F e na barra de pesquisa que aparecer digite <data:post.commentLabelFull/> e tecle Enter para localizar.
Aí é só apagar os dois pontinhos que aparece ao lado dessa sentença.
Se encontrar mais de uma ocorrência dessa sentença apague os dois pontinhos de ambas.
Salve. E lá se foi essa coisa sem sentido...



Remover Assinar: Postagens (Atom)


Nos templates nativos do Design de Modelo do Blogger essa chatice aparece assim:

Primeiro vamos remover a chatice: dentro do código-fonte de seu template localize ]]></b:skin>e cole ACIMA dessa tag de fechamento o seguinte comando:

.feed-links { display: none; }

Salve, e tá pronto.



Remover o gadget Atribuição


No alto do código-fonte do blog clique no item Ir para um widget e localize Attribution.
Será um código assim:

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
          <b:widget-settings>
            <b:widget-setting name='copyright'/>
          </b:widget-settings>
          <b:includable id='main'>
    <div class='widget-content' style='text-align: center;'>
      <b:if cond='data:attribution != &quot;&quot;'>
       <data:attribution/>
      </b:if>
    </div>
    <b:include name='quickedit'/>
  </b:includable>
        </b:widget>

Exclua tudo, de <b:widget até </b:widget> e salve.
Se preferir outro método troque a palavra true por false, salve, vá até o modo Layout de seu blog, localize o gadget Atribuição e exclua-o. Salve a alteração.


Agora não é pra retirar e sim para acrescentar coisinhas charmosas ao nosso blog.
Vem comigo!


Seleção colorida do texto:


Por padrão a seleção de texto em blogs do Blogger é fundo azul e letras brancas.
Com esse código você coloca a seleção e a cor de fonte que desejar.

Dentro de seu código-fonte localize ]]></b:skin> e ACIMA disso cole o código abaixo:

::-moz-selection {
background:#FCD9EA; /*Cor do fundo*/
color:#BCBABB; /*Cor da fonte*/
}
::selection {
background:#FCD9EA;/*Cor do fundo*/
color:#BCBABB; /*Cor da fonte*/
}

Onde está precedido do sinal # são as cores. Altere pelo código hexadecimal das cores que preferir e salve. Mantenha o mesmo código de cor em ambas as versões: moz-selection e selection. E que elas se destinam a diferentes navegadores, por isso é importante manter ambas.
Aqui tem uma tabela com os códigos da maioria das cores.



Fundo colorido em alguma parte do texto:


No editor de postagem (onde você escreve seus posts) clique em HTML. Isso colocará seu texto em modo HTML.
Aí então cole o código que faz a mágica acontecer:

<div style="background-color: #cd3278; padding: 8px;">
AQUI VAI O TEXTO QUE DESEJAR
</div>

Onde está escrito AQUI VAI O TEXTO QUE DESEJAR coloque, claro, o texto que quer que tenha cor de fundo.
Para alterar a cor de fundo troque o código hexadecimal da cor (#cd3278) pelo código hexadecimal da cor que preferir.
Daí clique em Escrever e seu editor volta ao normal.
Ficará assim:

Aqui está o texto que eu quis colocar com fundo rosinha. Para alterar a cor da fonte basta selecionar o texto e escolher a cor da fonte aqui mesmo, no editor de texto.


Efeito arco-íris nas imagens e links do blog


Agora o mais legal de todos os efeitos (especialmente se você curte cores): efeito arco-íris nos links e nas imagens do blog.
O resultado será esse:

Demonstração do tutorial

Para ter em seu blog copie o CÓDIGO CSS do efeito e cole acima de ]]></b:skin>
A seguir cole o CÓDIGO JAVASCRIPT abaixo de ]]></b:skin> e salve.
Prontinho! Fica lindão, né?


Viu que simples que são os truques?
Aqui no blog tem mais fast-tutoriais assim, acesse!

Tutoriais rápidos e fáceis para blogs


Gostou?
Curte, comenta, compartilha...
E se tiver alguma dúvida ou sugestão de tutorial diz aí, eu faço se for possível!

5 comentários via Blogger
comentários via Facebook

5 comentários:

  1. Olá, Elaine! Obrigada pelas dicas, eu sempre quis aprender como deixar o fundo do texto colorido. Beijos

    ResponderExcluir
  2. Você é um ser humano inspirado!

    Amei as dicas,são incríveis!

    Super beijo

    ResponderExcluir
  3. Oi Eliane, qto á dica da retirada da atribuição, tentei no blog de testes e só encontrei a primeira linha semelhante e aí substituí o "true" pelo "false" como segunda opção dada por você. Ao visualizar está certinho, aí eu salvei, feliz da vida! Mas olhar visualizar o blog não saiu na verdade. Estranho... Grata se puder auxiliar... (meu template é responsivo Contempo)

    ResponderExcluir
    Respostas
    1. Regina, depois de trocar true por false e salvar tem que ir ao Layout e excluir o gadget Atribuição e salvar.

      Excluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…



No Instagram