Como centralizar título e descrição do Blogger

Como padrão, o Blogger sempre localiza o título e a descrição à esquerda.  Para centralizar os dois, siga os passos abaixo.

Centralizando o título do Blogger:

Vá em "Modelo", "Editar HTML" ,  "Prosseguir" , " Expandir modelos de widget" , dê um "Ctrl + f " 

no teclado e na janela que abriu,  cole " .Header h1 { " com o pontinho à esquerda da tag e sem as aspas é claro.

Achando isto no código do seu Blogger, cole logo abaixo o próximo:

text-align: center;

Visualize e dando cento, salve.

Centralizando a descrição do Blogger:

Novamente em "Modelo", "Editar HTML", "Prosseguir", "Expandir modelos de widget", dê um " Ctrl + f " no teclado e na janela que abriu, cole " .Header .description { " com o pontinho à esquerda da tag e  sem as   aspas é claro.  Localizando no seu Blogger, cole logo abaixo a próxima:

text-align: center;

Visualize e dando tudo certo, salve.

Quer ser um Influencer no Instagram e ganhar muito dinheiro com os seus posts ?  Saiba como acessando o link abaixo.

Influencer no Instagram

Como centralizar imagens no sidebar do Blogger

Sempre que salvamos imagens no sidebar do seu Blogger, ela fica colada à esquerda ou à direita, dependendo da posição da sidebar.

Quando colocamos por exemplo um Slideshow, (clique neste link e veja como criar um slideshow em gif.) que deverá estar abaixo das guias das páginas, nunca fica centralizado.

Mas, nossos problemas acabaram !  Siga os passos abaixo e centralize imagens ou slideshows utilizando os gadgets da sidebar.

Veja como ficou centralizado o slideshow que fiz neste Blogger:  Trilha do Pão de Açúcar.

Em primeiro lugar, para adicionar uma imagem que deverá ser centralizada na sidebar, não utilize a opção "Imagem" quando clicar em "Adicionar um gadget".  

Escolhida a imagem que poderá ser em qualquer formato, inclusive em gif., clique em "Adicionar um gadget" e em seguida em "HTML/JavaScript".

Agora, configure o script abaixo conforme desejar, copie-o e cole-o na janela do "HTML/JavaScript":

<center><a href="http://seublogger.blogspot.com.br/" target="_blank" ><img title="título da sua imagem" alt="repita o título da sua imagem" src="URL da sua imagem" border="0" /></a></center>

Caso não queira dar um título à sua imagem, apague o que está em vermelho, mas deixe as "aspas".

Salve, visualize e arraste o gadget da imagem para onde desejar que apareça no seu Blogger.

Quer ser um Influencer no Instagram e ganhar muito dinheiro com os seus posts ?  Saiba como acessando o link abaixo.

Influencer no Instagram

Como centralizar o título e a descrição no Blogger

Há uma maneira muito simples de você centralizar o título e a descrição do seu Blogger.  Vá em "Layout", e clique em "editar" o cabeçalho do seu Blogger.  Deixe o título e a descrição entre os seguintes scripts:

<center>título do seu Blogger</center>

<center>descrição do seu Blogger</center>

Salve e pronto.

Para saber mais, adquira a nossa Apostila.

Quer ser um Influencer no Instagram e ganhar muito dinheiro com os seus posts ?  Saiba como acessando o link abaixo.

Influencer no Instagram

Centralizar o título do Blogspot

Para centralizar o nome do seu Blogspot, vá em "Layout", "Editar HTML", "Expandir modelos de widgets", "Ctrl + f" no seu teclado e na janelinha que se abriu, cole o seguinte :

.Header h1 {

Achando a linha acima no seu Blogspot, cole logo abaixo dela o próximo:

text-align: center;

A centralização do título, só funciona se você não estiver usando uma imagem.  Para usar imagem e título ao mesmo tempo, você deverá utilizar um editor como o Paint.  Baixe a imagem, digite o texto nela, salve e centralize utilizando o tutorial que ensina centralizar imagem no Blogspot.

Centralizar imagem do cabeçalho do Blogspot

Vamos aprender a centralizar uma imagem no cabeçalho do Blogspot.  Isto se você usa sòmente uma imagem e não um título.

Clique em "Modelo". "Editar HTML", marque "Expandir modelos de widgets".  Dê um Ctrl + f no seu teclado e na janelinha que se abriu, cole a seguinte linha :

<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>

Agora, cole no início do código acima, <center> e no final dele, </center>


Vai ficar assim:


<center><img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/></center>


visualize e salve.

Clique em "Atualizar" e pronto.

Quer conhecer tudo sobre personalização do Blogger ? Acesse este link abaixo e facilite a sua vida. Tudo em um só lugar. É só abrir o eBook e fazer tudo em pouco tempo e de uma só vez. Ainda posso ajudar você via WhatsApp.

Fazendo Blogspot