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!