'Dados' e leia mais na mesma linha + modelos para post footer

Minha gata ta presa numa árvore :c

Olá docinhos o(≧o≦)o tudo bem com voces? espero que sim , eu vou ótima . A temporada de provas ja está chegando e estou muito bem armada por ter entendido todos os assuntos e ter terminado todos os trabalhos. convenhamos terminar todos os trabalhos de uma vez da uma sensação de dever cumpido não? ~

Enfim como viram ali em cima minha gata está até agora presa numa árvore , e eu não tenho a minima noção de como ela conseguiu subir lá , já que essa quenga sai de madrugada e só volta de manhã. Assim que acabar de postar isso aqui vou ter que ligar pros bombeiros já que ela deve estar cansada q . Mas vamos ao post? 

Pra a postagem de hoje trouxe um pequeno tuto de como por todos os dados , no rodapé da postagem . Não vai ser dificil e nem dar erro já que testei várias vezes antes de passar pra voces . Creditem sim?

Primeiramente busque por <span class='post-labels  selecione-o até </span> e recorte.

Busque agora por <span class='post-comment-link'>   dê enter duas vezes  ( pois tem dois codigos iguais e precisaremos  do segundo)   e bem abaixo do </span> cole o codigo recortado anteriormente (print)

Agora vamos colocar o leia mais na mesma linha também. Procure por <b:if cond='data:post.hasJumpLink'>  selecione até </b:if> e recorte

Novamente procure por <span class='post-labels e bem abaixo de </span> cole o codigo recortado anteriormente (print)

Agora vá em layout . Na area de post clique em editar e desmarque os botões de compartilhamento ,local e 'edição rápida' .

depois disso o rodapé deve estar assim (x)

Agora é só dar estilo ao rodapé , fiz alguns modelinhos . As cores ficam a critério de voces , mas por favor não usem como base certo?  acima de ]]></b:skin> cole o código referente a um dos modelos.

Modelo 1 

.post-footer-line-1 { background: rgba(235, 235, 235, 0.5); padding-left: 3px; border-radius: 3px; border-bottom: 2px solid #e4e4e4; color: #d8d8d8; height: 32px; } .post-footer-line-1 a:link{ color: #e1a5b2; -webkit-transition-duration: .20s; } .post-footer-line-1 a:hover{ color: #f3c2cd; text-decoration: none; } .post-footer-line-1 a:visited{ color: #e1a5b2; } .jump-link { padding: 5px; margin-top: 3px; text-align: center; -webkit-border-radius: 2px; -webkit-transition-duration: .20s; color: #fff; box-shadow: inset 0 0 3px #ccc; display: inline-block; background: #fff; text-shadow: 1px 1px 1px #fff; width: 62px; outline-offset: -3px; outline: 1px dotted #ccc; }

Modelo 2

.post-footer-line-1 { padding-left: 9px; border-radius: 3px; color: #CFB5C7; border: 1px solid #ffd6d; border: 1px solid #ffe2e8; background: #fdeef1; height: 35px; box-shadow: inset 1px 1px 0px #fff; border-left: 2px solid #ffe2e8; border-right: 2px solid #ffe2e8; } .post-footer-line-1 a:link{ color: #e1a5b2; -webkit-transition-duration: .20s; } .post-footer-line-1 a:hover{ color: #f3c2cd; text-decoration: none; } .post-footer-line-1 a:visited{ color: #e1a5b2; } .jump-link { padding: 5px; margin-top: 3px; text-align: center; -webkit-border-radius: 2px; -webkit-transition-duration: .20s; color: #fff; box-shadow: inset 0 0 3px #ffc1ce; display: inline-block; background: #ffe2e8; text-shadow: 1px 1px 1px #fff; width: 62px; outline-offset: -3px; outline: 1px dotted #ffc1ce; }

Modelo 3

.post-footer-line-1 { padding-left: 9px; color: #d6dde1; background: #ecf3f7; box-shadow: inset 0 17px 0 #e8eff4; height: 30px; border: 1px solid #d5e2ec; } .jump-link { padding: 5px; margin: 2px; text-align: center; -webkit-border-radius: 2px; -webkit-transition-duration: .20s; color: #fff; display: inline-block; text-shadow: 1px 1px 1px #fff; height: 18px; width: 67px; } .post-footer-line-1 a:visited { color: #d5e2ec; } .post-footer-line-1 a:link { color: #d5e2ec; -webkit-transition-duration: .20s; }