28 março 2017

COMO PERSONALIZAR "MOSTRANDO POSTAGENS COM MARCADOR"

|
personalizar mostrando postagens com marcador

O Blogger é uma plataforma simples, mas se soubermos usa-la de forma correta, tenho certeza que o seu blog será um dos mais lindos da blogosfera. Pensando nisso, hoje o manual traz um tutorial especialmente pra você que ama personalizar seu cantinho, e que sempre está em busca de novas formas de melhorar seu visual. 

Sabe aquela mensagem padrão do blogger, que por sinal é horrível, que aparece sempre que clicamos em um marcador? A mensagem é "Mostrando postagens com marcador x" Pois então, será essa frase que vamos personalizar. Confira o antes e depois na imagem abaixo:


mostrando postagens com marcador


1º Passo) Para começarmos, acesse o painel do seu blogger, clique em editar html e dentro do corpo do layout, aperte ctrl+f e digite na caixa de busca o seguinte trecho <div class='status-msg-wrap'> feito isso, delete o trecho que imagem abaixo ilustra:


personalizar mostrando postagens com marcador


2º Passo) E no lugar acrescente este código:

<div class='status-msg-wrap'>
<li>Categoria: <data:blog.pageName/></li>
</div>

3º Passo)  Acima de ]]></b:skin> adicione o seguinte código:



.status-msg-wrap {
background: #faeeee center no-repeat;
padding:2px 15px 2px 40px;
margin-bottom:25px;
width:96%;
color:#111;
font-size:16px;
text-transform:uppercase;
list-style: none;
font: normal Montserrat, sans-serif;
text-align: center;
}

Entendendo o código:

background: Define a cor de fundo da barra da mensagem.
color: Define a cor do texto da mensagem.
font-size: Define o tamanho do texto da mensagem
font: Define o estilo da fonte do texto da mensagem.
text-align: Define o alinhamento do texto. No caso ele está centralizado. Troque center, por left caso queira o texto para o lado esquerdo e right se preferir o lado direito.


Visualize e estiver tudo ok, salve! Para saber se deu certo, clique em qualquer marcador do seu blog. Viu como é bem simples e rápido de fazer, mas esse simples detalhe faz toda diferença, pois um blog precisa estar 100% personalizado. Caso surja alguma dúvida, é só dizer através dos comentários.

E se você gostou já sabe o que deve fazer! Compartilhe esse post com os amigos, curta nossa página no facebook, e siga o manual em faça parte que fica ali na lateral do blog. Um enorme beijo e até a próxima!

6 comentários:

  1. Olá, poderia me ajudar? Eu uso um layout free seu. E não estou conseguindo compartilhar nada no facebook http://www.chovendorisos.com/

    Se voce testar em compartilhar vai aparecer a foto no cabeçalho do blog e a foto sobre mim na foto da postagem e no lugar do titulo da postagem aparece o nome do meu blog e no texto da postagem no lugar aparece a descrição do meu. O que eu devo fazer?

    ResponderExcluir
    Respostas
    1. Oi Laysla, eu acessei seu blog e não vi link de compartilhamento. No layout eu não coloquei... você que colocou?

      Excluir
  2. Olá Lorena, seu blog é um paraíso para qualquer blogueira.
    Fiquei apaixonada. Segui tudo e vou ver tudinho com atenção. O meu blog precisa de uns ajustes, mas sempre tive medo de mexer no html. Pedi sempre a uma amiga, mas acontece que não gosto de estar sempre a chatear e acabo por deixar ficar coisas que não gosto. Agora com a ajuda dos seu blog vou arranjar coragem e começar a organizar o meu. Obrigada por partilhar connosco seus conhecimentos
    BeijinhoBom
    Paula Cardoso
    Magia nas Palavras ♥

    ResponderExcluir
    Respostas
    1. Oi Paula! É uma alegria enorme quando alguém vem deixar um carinho em forma de comentário <3 Espero de coração que as minhas dicas ajudem você a construir seu blog de uma forma eficaz. Um enorme beijo e seja bem-vinda ao Manual <3

      Excluir