Image Map

Personalizando os links do Post Footer - Entenda!

|
Hoje vou ensinar pra vocês como personalizar os links do post footer. Como assim? Sabe esses links (comentários, marcadores..) que você tem lá no final do post? Vou dar um exemplo do blog Trechy Teen: 
Vou ensinar vocês a personalizarem essa área. Lembrando que só vai dar certo se os seus links estiverem lá no fim do post ok? É muito fácil e rápido, mas preste bem atenção pra não ter que refazer depois ok? Clique em Leia o resto da postagem para conferir o tutorial.
Vamos lá:
1- Vá até Design, Editar HTML, aperte CTRL+F e procure por: .post-footer{
Você irá encontrar um trecho parecido com esse:

.post-footer {
  margin: .5em 0;
  line-height: 1.8;
}
2- Logo APÓS este trecho cole o seguinte:

.post-footer a{
color:#FF0080;
background-color: #F1A9A9;
text-decoration:bold;
-webkit-transition: color 0.7s ease-out;-moz-transition:
color 0.7s ease-out;transition: color 0.7s ease-out;
}

.post-footer a:hover{
background-color: #F1A9A9;
color: #FBD400;
text-decoration:bold;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
}
3- Para mudar a cor da fonte mude o que está em rosa. Para mudar a cor do fundo dos links mude o que está em preto. Neste código, colocamos que a fonte estará em negrito, e quando o mouse passar continuará em negrito. Mas se você quiser que não fique em negrito, altere o " bold " para " none ".
Visualize, se tiver tudo certo salve!

27 comentários:

Louca Mistura disse...

Estou seguindo já, boa sorte no novo blog!
Ah, eu adorei, vou tentar fazer no meu próximo layout e usar o tutorial *-*
bjjos
blogloucamistura.blogspot.com

Aline disse...

Legal essa dica ;) super útil e faz toda diferença no blog =D
Vou ver se faço isso lá no Ver nas unhas. Obrigada por seguir e visitar a gente. Beijos

http://vernasunhas.blogspot.com

Anônimo disse...

Retribuindo a visita e seguindo de volta ok.! Beijo da Corujinha
.
http://a-corujinha.blogspot.com/

Rafaela Biscassi disse...

Olah,
Agradeço muito por visitar o meu cantinho e por votar em mim e também por seguir também(já estou seguindo o seu!!!)
Desde já desejo muito sucesso para você e para o seu blog!Parabéns!!

paginasempreto.blogspot.com

Beijos

lia disse...

Fica bem legal com fundo pq serve como divisória ^^
Já disse isso mas não custa nada dizer de novo: Ficou mt lindo aqui *_* Vou por o link lá nos afiliados já já.

Cherry Bomb.Twitter

Anônimo disse...

Olá tudo bem ?!
Passei rapidamente para dizer que as votações do concurso do Moda Amazing começaram.
Corra já , vote no seu blog preferido ou até mesmo se você está participando peça votos !

Beijos , sucesso. Blog com novas postagens e design novo.
http://amazingmoda.blogspot.com/

Dani Ribeiro disse...

Ficou lindo o novo blog! Esse design é simplesmente perfeito com a diva Miley Cyrus <3 Começou muito bem com esse tutorial que é ótimo. Parabéns! Mas amor, e os tutoriais? Agora não dá pra acessar nenhum porque diz que o antigo blog foi excluído :/

Beijos, onthefame.tk

Dani Ribeiro disse...

Agora achei os tutoriais. Ficou muito lindo aqui, bem organizado! Eu amava os tutoriais, não podia ficar sem eles. Postei um no meu blog mas não me esqueci dos créditos pra cá, ok?

Beijos, bom Natal e bom ano novo <3 onthefame.tk

Alice♥ disse...

O tutorial foi muito útil, vou usar no meu proximo lay...

Bjs..
atitudefeminina.tk

Giovanna disse...

Hey querida
Achei seu blog e estou amando
Já estou seguindo
Retribui ?!
gpurple.blogspot.com

byes :D

Red Lisptick disse...

Ah não precisa agradecer o carinho não *-* o blog de vocês é demais e vocês merecem fazer sucesso,eu só disse a verdade (:
ain eu queria muito usar esse tutorial mais o lay do meu blog não permiti ): mais no próximo eu vou usar pode ter certeza \]o
xoxo;* @ItsLooh

www.furadateen2.blogspot.com

Anny S. disse...

Adorei o tutorial e a nova extensão. Assim tudo que gostamos estará juntinho aqui, e acho que vai dar menos trabalho pra você né? Flor, estava pensando, será que você gostaria de ser minha afiliada? Beijos amore :*

goimagines.blogspot.com

Thais disse...

adoreiiiiiiiiiiiiiii
fofissimoss
to seguindo o blog, peço que me siga também pra ajudar divulgar meu blog q ta començando agora... o assunto de hoje é Creme de pentear da Dove
bj bj bj da Tha
http://belezapimentada.blogspot.com/

Thais Vieira disse...

Parabéns pelo blog, já estou seguindo =]

http://pijamacorderosa.blogspot.com/

Lívia.S disse...

Seguindo, blog muito legal, amei seus posts, segue de volta?
http://www.friends-friendsprasempre.blogspot.com/
bjinhos!

Andreza Hoffmann disse...

Nunca mechi no Html do blog,tenho tanto medo.. hsuiadhia, vou testar no meu blog de testes e ver se consigo, ai se ficar legal eu coloco em meu blog e credico vc, vou tentar:! *-* \õ/ Flor, muito obrigado pelo apoio lá no blog, beijos, tem post novo: http://dezahoffmannmoda.blogspot.com

xoxoxo

Sheila D. Lima disse...

Estava navegando pela net, e tive a alegria de encontrar seu blog e amei!!!

Convido você a dar uma passadinha, se puder, no meu blog: http://docesonhodemenina.com.br/

Ah, como eu amei seu blog, deixo também um selinho para você: http://1.bp.blogspot.com/-68Bb05pFul4/Te1BfsqvBeI/AAAAAAAAATM/JPCRr0Mj7R0/s1600/dsm-selinho.jpg

Mil Sweetkisses ♥.♥

Camila disse...

Super legal, já estou seguindo.

segue o meu tb?

beijos

http://vernasunhas.blogspot.com

Louca Mistura disse...

Eu também adoro aqueles emoticons, não consigo viver sem! kkkkk
Vc poderia votar em mim? http://amazingmoda.blogspot.com/2011/12/votacoes-do-concurso-comecaram.html#comment-form é só uma vez! Espero você láblogloucamistura.blogspot.com

Anônimo disse...

e eu não já tinha conferido ficou super legal o espaço :D já vim ver até uns tutoriais aqui

Unknown disse...

peeeeerfeito

Unknown disse...

Seguindo, amei o tutorial

Erica Lima disse...

Esse tutorial tava aqui o tempo todo e só eu não vi! kkkkk
Posta um tutorial mostrando como deixar a data dos posts fora da area de postagem, por favor, não acho em lugar nenhum! rsr
bj

http://garotasederivados.blogspot.com/

Sara disse...

To usando,aliás to usando vários tutoriais daqui que são perfeitos *-*

Cecília Bridi disse...

AMEEEEI e já to usando, seus tutos são perfeitoos.

http://meninatrech.blogspot.com.br/ (segue?)

Vicky ♡ disse...

AMEIIII!! Seus tutoriais são fáceis de entender e perfeitos!

Beijinhos,

garotas-cupcakes.blogspot.com

Lorie Estevam disse...

Supeeer amei!!
to usando!
http://fearlesslorie.blogspot.com.br/