6 truques fáceis para blog que você precisa testar hoje mesmo
Autor: Elaine Gaspareto | Publicado: 2017-08-01T19:30:00-03:00





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&nbsp;&lt;data:post.commentLabelFull/&gt; 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 ]]&gt;&lt;/b:skin&gt;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:

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

Exclua tudo, de &lt;b:widget até &lt;/b:widget&gt; 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 ]]&gt;&lt;/b:skin&gt; 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:

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

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&nbsp;]]&gt;&lt;/b:skin&gt;
A seguir cole o CÓDIGO JAVASCRIPT abaixo de&nbsp;]]&gt;&lt;/b:skin&gt; 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!