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:2- Logo APÓS este trecho cole o seguinte:.post-footer {margin: .5em 0;line-height: 1.8;}
.post-footer a{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 ".
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;
}
Visualize, se tiver tudo certo salve!
27 comentários:
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
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
Retribuindo a visita e seguindo de volta ok.! Beijo da Corujinha
.
http://a-corujinha.blogspot.com/
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
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
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/
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
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
O tutorial foi muito útil, vou usar no meu proximo lay...
Bjs..
atitudefeminina.tk
Hey querida
Achei seu blog e estou amando
Já estou seguindo
Retribui ?!
gpurple.blogspot.com
byes :D
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
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
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/
Parabéns pelo blog, já estou seguindo =]
http://pijamacorderosa.blogspot.com/
Seguindo, blog muito legal, amei seus posts, segue de volta?
http://www.friends-friendsprasempre.blogspot.com/
bjinhos!
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
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 ♥.♥
Super legal, já estou seguindo.
segue o meu tb?
beijos
http://vernasunhas.blogspot.com
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
e eu não já tinha conferido ficou super legal o espaço :D já vim ver até uns tutoriais aqui
peeeeerfeito
Seguindo, amei o tutorial
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/
To usando,aliás to usando vários tutoriais daqui que são perfeitos *-*
AMEEEEI e já to usando, seus tutos são perfeitoos.
http://meninatrech.blogspot.com.br/ (segue?)
AMEIIII!! Seus tutoriais são fáceis de entender e perfeitos!
Beijinhos,
garotas-cupcakes.blogspot.com
Supeeer amei!!
to usando!
http://fearlesslorie.blogspot.com.br/