Modelos blog pager + leia mais igual ao do blog


Olá muito boa noite, na verdade estou postando quase dormindo pois está bem tarde mas eu tinha prometido pelo ask que faria este post ainda hoje, então aqui estou eu! Gente só querendo agradecer as pessoas que me apoiaram e que me entenderam sobre o post anterior por eu ter desabafado estou bem melhor, parece que tirei um grande peso de cima de mim e me sinto até mais leve! Muito Obrigada -^-^- 

Agora falando sobre a Wendy nossa ficarei bem perdida sem ela, afinal é minha amigona mesmo aquela de todas as horas, ela é minha conselheira e confidente tudo o que quero desabafar corro pra ela, o problema é sobre o hiatus do blog dela como irei viver? Socorrrooo!! Acredito que será breve e logo logo ela esteja por aqui, estarei ansiosa esperando por ela e suas postagens criativas, diferentes e originais.

Bem, sem mais delongas, eu resolvi fazer diferente este post sobre os dois modelos que me pediram, tipo geralmente eu coloco os efeitos prontos e tiro print, bem eu acho melhor e muito mais original cada um personalizar os efeitos do jeito que preferirem e com as cores que derem na telha, editei todos os lugares que precisam mexer ficando assim bem mais fácil de editar é só prestarem atenção para não errar.

Gente, já vou avisando que o modelo de blog pager usado eu peguei ele no blog Eu Amo Html e modifiquei todo ele ao meu gosto, então créditos a ele pelo modelo original. Agora o modelo de leia mais que uso aqui no blogger foi feito inteiramente por mim, todos os códigos e efeitos são de minha autoria então não esqueçam de creditarem a mim. É isso meus cheirosos por hoje é só até o próximo post, kissus :3

Para usarem o efeito do bloger pager vá até modelo, editar html dê ctrl f e procure por: #blog-pager {font-size: 140%; abaixo dele cole o seguinte código:

}
#blog-pager a:link, #blog-pager a:visited {
color: #COR; *COR DA FONTE*
text-shadow: 1px 1px 1px #COR; *SOMBRA DO TEXTO*
font-family: 'Pf Arma Five'; font-size: 8px;
padding-top:4px;
padding-bottom:5px;
padding-right:7px;
padding-left:7px;
background:#COR;border: solid 1px #COR; *COR DA BORDA* *COR DO BACKGROUND*
box-shadow: inset 0 0 6px #COR, 0px 1px 1px #COR; *CORES DA SOMBRA*
border-radius: VALORpx; *BORDA ARREDONDADAS*
-moz-transition:all 0.5s ease-out;
-webkit-transition:all 0.5s ease-out;
-o-transiotion: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#blog-pager a:hover {
color: #COR; *COR DA FONTE*
text-shadow: 1px 1px 1px #COR; #COR; *SOMBRA DO TEXTO*
font-family: 'Pf Arma Five'; font-size: 8px;
padding-top:4px;
padding-bottom:5px;
padding-right:7px;
padding-left:7px;
background:#COR;border: solid 1px #COR; *COR DA BORDA* *COR DO BACKGROUND*
box-shadow: inset 0 0 6px #COR, 0px 1px 1px #COR; *CORES DA SOMBRA*
border-radius: 2px; *BORDA ARREDONDADAS*
-moz-transition:all 0.5s ease-out;
-webkit-transition:all 0.5s ease-out;
-o-transiotion: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

E para usarem o leia mais vá também ao modelo e editar html, dentro procure por: ]]skin;  acima dele cole o seguinte código:


.jump-link{
background-color: #COR;border: solid 1px #COR;
box-shadow: inset 0 0 6px #COR, 0px 1px 1px #COR;
padding-top: 5px;
font-family: PF Arma Five;
font-size: 8px;
line-height: 20px;
text-align:center;
font-color: #COR;
-webkit-transition-duration: .79s;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;
margin-left: -10px; margin-top: 20px; padding:5px; width: LARGURApx; height: ALTURApx;
-webkit-transition-duration: .80s; }
.jump-link:hover {
text-align:center;
color: #COR;
padding: px;
-webkit-border-radius: 1px;border-radius: 1px;
background-color: #COR;border: solid 1px #COR;
box-shadow: inset 0 0 6px #COR, 0px 1px 1px #COR; -webkit-transition-duration: .80s;}
Querem ver os perfis de quem posta aqui? cliquem na imagem᠉
Continue

10 comentários:

  1. Ele é muito lindo <3 Parabéns, fica fofo.

    etcforme.blogspot.com

    ResponderExcluir
  2. Nossa, eu estava procurando esse modelo de leia mais, ele é muito lindo <33

    xoxo || Unlikeable Feelings

    ResponderExcluir
    Respostas
    1. Agora achou ;) amore porque não consigo ver seus feeds de postagem? Para mim não aparece aqui =/

      Excluir
    2. não consegue? oshe como assim?? espera, eu vou ver se consigo arrumar pq não era pra isso acontecer :)

      Excluir
  3. AHUSHAUSH' Espero que tudo se resolva *^* #VoltaWendy
    Oush, uma pessoa para criar postagens um pouco diferentes é tu <3 Gostei muito disso, inclusive fiquei um pouco curiosa para saber como o efeito fica, coloca uma preview em imagem ç3ç

    - @TMR ♡

    ResponderExcluir
    Respostas
    1. Diferente?? Eu me acho a dona mesmice em pessoa, não acho que posto diferente até tenho falta de criatividade =/, mas fico feliz que ache as minhas postagens diferentes >.< você é diva demais para mim u.u parei sorry :3

      Excluir

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