Três modelos para post footer


Buenas meus gatinhos e gatinhas =^● 3 ●^= Tudo as mils maravilhas? Então, estava enrolando para fazer este post por mera preguiça aguda mesmo, sem contar do frio né, que deixa os dedos duros para digitar rsrs. Bem aquilo que eu imaginava mesmo aconteceu, só foi a Clara voltar a blogosfera que apareceu blogueiros de todos os cantos, o que na real é bom por um lado e muito ruim por outro né? Também gosto muito da presença dela aqui entre nós mas vocês blogueiros não precisam da presença de uma única pessoa para fazerem o que gostam né? Acho isso até meio ridículo e até sem nexo, não acho legal porque até parece que só postam e tem criatividade quando ela estar por perto. Eu sou mega apaixonada pelos posts dela e ela sabe muito bem disso mas essa é a visão que eu vejo entre nosso meio. Me desculpem não digo todos mas uma boa maioria faz isso sim! T-T

O pedido que trago hoje é de uma leitora que me pediu modelos para post footer, ela me pediu muitos mas acredito que não tem necessidade e também porque não sou muito boa em criar isto para os outros. Agora falando em modelos, gente quero que prestem muita atenção na hora que forem editar os modelos certo? Eu editei conforme a área de post que estava no blog de teste, mas como eu disse tem que prestar atenção pois nenhuma área de post é igual a outra e os tamanhos é claro são todos diferentes. Mudem os valores onde se pedem bem certinho ok? É isso mesmo nekos até o próximo pedido e até mais ლ(●ↀωↀ●)ლ

OBS:  O tamanho total da área de post em que testei os posts footers é de 970 de largura, como eu disse vocês terão que ir arrumando conforme o tamanho da área de post de vocês.

CLIQUEM NAS IMAGENS PARA VEREM MELHOR.

Modelo 1


.post-footer-line-1{
background: #E9DFEC;
border: 1px solid #D2B7D8;
box-shadow: inset 0px 0px 3px #E0EBEF;
width: 508px;padding: 3px;
margin-left: -6px;margin-bottom: -6px;
font-family: 'calibri',sans-serif;
text-transform: uppercase;
letter-spacing: 2;
font-size: 10px;
color:#C0BAC1;
text-align: center;
text-shadow: 1px 1px 0 #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

Modelo 2


.post-footer-line-1{
background: #ffffff;
outline: dashed 1px #D9C5DE;
border: 1px solid #D9C5DE;
outline-offset: -4px;
width: 504px;padding: 5px;
margin-left: -6px;margin-bottom: -6px;
font-family: 'calibri',sans-serif;
text-transform: uppercase;
letter-spacing: 2;
font-size: 10px;
color:#C0BAC1;
text-align: center;
text-shadow: 1px 1px 0 #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

Modelo 3


.post-footer-line-1{
background: #F0E6F2;
border: 1px solid #C0A7C6;
outline: dashed 1px #C9BBCC;
outline-offset: 2px;
width: 502px;padding: 3px;
margin-left: -3px;margin-bottom: -2px;
font-family: 'calibri',sans-serif;
text-transform: uppercase;
letter-spacing: 2;
font-size: 10px;
color:#C0BAC1;
text-align: center;
text-shadow: 1px 1px 0 #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
Querem ver os perfis de quem posta aqui? cliquem na imagem᠉
Continue

17 comentários:

  1. Roh-Chan,você me salvou!!!!Estava precisando de um Footer assim (igual ao do 2) Arigato

    ~Kissus

    ResponderExcluir
  2. Estava procurando mesmo um tutorial desse para o próximo layout do meu blog, achei esse super bacana *-* Adorei o tutorial!

    Abraços, Crazy Things

    ResponderExcluir
    Respostas
    1. Ahh que bom que foi útil então amore >.< Beijocas =3

      Excluir
  3. Adorei os modelos, meu favorito foi o segundo >3<

    Até logo, www.excepcionalmente.com ~

    ResponderExcluir
  4. Vou ver se faço o proximo lay meu e usarei esse tutorial e vou até colocar nos favorito *---*

    umacaixinhadeideias.blogspot.com.br Dá uma olhadinha no meu blog amr :3 Fica com Deus :)

    ResponderExcluir
  5. Sim está fazendo muito frio ultimamente da vontade de nem sair de casa,os modelinhos ficaram lindos >U<
    {Winter Winds}

    ResponderExcluir
  6. waah, não vemos muitos modelos de post fotter por ai, é realmente um bom tutorial *---* os modelos são lindos Roh

    Visita? ~(‾▿‾~) || kawaii things

    ResponderExcluir
    Respostas
    1. Pois é, e isso que nem sou muito boa em criar esses tutos para os outros ^^ Obrigada amore >.<

      Excluir
  7. Adorei os modelos... São muito lindos e bem fáceis de fazer, exelente tuto. (estava sumida, mas estou voltando aos poucos) ~visit Mini Realeza~

    ResponderExcluir
    Respostas
    1. Anww obrigada linda >.< que bom que gostou, Ah sim é um ótimo tuto mesmo ajuda muito né? beijocas =3

      Excluir
  8. Oie! Tudo bem, sim. >.< Sei lá, a Clarinha sempre foi uma grande (senão a maior) influência por aqui, mas sério, eu "blogo" porque gosto, não por qualquer outra coisa... As pessoas deveriam pensar assim também.

    Os modelinhos estão amor, como sempre, né? Não é puxa-saquismo, mas tudo o que você faz fica assim, lindinho. *w* O meu favorito é o último. <3

    Chu ~ || Empire Kawaii

    ResponderExcluir

Olá meus amores, os comentários devem ser direcionados somente ao blog e não a vida pessoal de ninguém! Qualquer dúvida peça pela Ask que responderei o mais rápido possível. Anônimo não adianta vir xingar pelos comentários que antes de mesmo de pensar em me ofender eles serão excluídos! Não gosto de tags, se quiser fazer fique a vontade mas não irei retribuir, não curto seguindo segue de volta =/ mas posso seguir se gostar realmente do blog, não julgo por layout ou por seguidores, avalio o blog e como disse se eu curtir é claro que sigo, afiliações? Peça nos comentários pois se pedir em outro lugar no caso páginas é bem provável que eu não veja! Então meus lindos espero que curtam cada cantinho do meu bloguinho e voltem sempre! kissus (*^3^)

Layout e codificação por Roh A.Ramos Os blogs que mais ajudaram com os tutoriais foram: CHIHDVCA Tecnologia do Blogger ♡ 2012 a 2017