06/06/2016

Paginação personalizada

|| ||
Status: "You look so cool." — The 1975, Robbers.
 Annyeonghaseyo, royals! (◠﹏◠ Meu Deus, vai fazer dois meses que não dou as caras por aqui! Me perdoem, monamoures, mas a correria na escola está grande e eu mal tenho tempo para respirar, fora que eu estou começando a estudar para os vestibulares e é uma loucura tudo isso. Se ainda não chegaram ao último ano do Ensino Médio, aproveitem bem a vida, porque ela acaba aí (mentira, ainda tem a faculdade que é bem pior). Hehehe! Enfim, como vão? Eu vou bem, apesar de tudo. Perceberam que eu mudei o header? Desculpem-me, pessoal, mas por mais que eu tente evitar, eu sempre acabo voltando para o tumblr aesthetic, é meu amorzinho. Ah, e voltei para o Jimin também porque sim. I'm sorry, Luhan. I still love ya! Enfim, no meu retorno, resolvi atender um dos pedidos da ask que estão acumulando há séculos. Com calma, eu ajudo todo mundo... A gente chega lá! Well. um(a) leitor(a) me pediu para postar como personalizar os links de navegação e algo como eu entendi ser paginação numerada e cá está. C'mon! ~enche~

i - links em imagem
Página inicial: Vá em Modelo > Editar HTML > Ctrl+f e busque por: <data:homeMsg/>. Então você deve substituir esse código por <img src="URLDAIMAGEM"/> e colocar o link da imagem que você escolher onde é indicado.

Postagens mais recentes: Ctrl+f e busque por: <data:newerPageTitle/>, então substitua por  <img src="URLDAIMAGEM"/> e coloque o link da imagem que você escolher onde é indicado.

Postagens mais antigas: Ctrl+f e busque por: <data:olderPageTitle/>, então substitua por  <img src="URLDAIMAGEM"/> e coloque o link da imagem que você escolher onde é indicado.

 Abaixo está um modelinho simples para ser usado, basta clicar com o botão direito e copiar endereço da imagem.
 
ii - paginação numerada
 Vá em Modelo > Editar HTML> Ctrl+f e busque por: <b:includable id='mobile-index-post' var='post'>. Acima desse código cole o seguinte:
<b:includable id='page-navi'>
<div class='pagenavi'>
<script type='text/javascript'> var pageNaviConf =
{
perPage: 5,
numPages: 8,
firstText: &quot;Primeira&quot;,
lastText: &quot;Última&quot;,
nextText: &quot;&#187;&quot;,
prevText: &quot;&#171;&quot;
}
</script>
<script src='http://yourjavascript.com/51103499221/paginacaonumerada.js' type='text/javascript'/> <div class='clear'/>
</div>
</b:includable>
  O número 5 deve ser substituído pela quantidade de postagens exibidas na página inicial do seu blog. Depois de ajustado, procure por <b:include name='nextprev'/> e substitua pelo seguinte código:
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:include name='page-navi'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<b:include name='page-navi'/>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include name='nextprev'/>
</b:if>
</b:if>
 Por fim, procure por: ]]></b:skin> e cole acima dessa tag o código da paginação:
 /*--- Paginacao numerada by EK --- */
.pagenavi .pages {display: none;}
#blog-pager, .pagenavi {padding: 8px 10px;
clear: both;
text-align: center;
margin: 30px auto 15px;
}
#blog-pager a, .pagenavi span, .pagenavi a {
padding: 5px 10px;
text-decoration: none;
font-family: arial;
color: #000;
background-color: #edc2cb;
margin: 2px;
border: 2px solid #e1acb7;
background-position: bottom;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
border-radius: 30px;
font-size: 20px;
}
#blog-pager a:hover, .pagenavi a:hover {
background:  #efd1d7;
}
#blog-pager-older-link, #blog-pager-newer-link {
float: none;}
.pagenavi .current {
background:  #efd1d7;
}

 Prontinho. Aí estão duas maneiras simples de arrumar a paginação do blog e deixar tudo amorzinho. Espero que seja útil. Por enquanto é só, jya ne!  


8 comentários

  1. Brotei~
    ~que header diwosa, mataste o LuHan mesmo ahsajsha Jimin, amodoro ele *-*~

    Meo deos, é muito tempo, eu percebi que no meu feed não aparecia mais posts teus, mas como não conto... Mas dois meses é coisa pra caramba! '0' Uau, acabei de passar em um blog que também ficou um tempo ( nada comparada ao teu ) fora por causa da correria com as escola, cursos e tal... Eu ainda aproveito minha vida ~nem tanto né, mas não tô na correria como o pessoal mais velho que eu~ Tá perdoada ahsuasha Espero que consiga ficar ativa aqui e ir bem na vida em off ^-^

    Eu sinceramente não sou muito fã de paginação com imagens, tem algumas que são lindas, como flechas e coisas simples, mas tem uns que é umas tristeza ;_; Eu já usei a paginação numerada uma vez, mas foi em um layout que nem cheguei a começar direito, e faz um tempo já, e quabdo fui tentar denovo, deu tudo errado e fiquei sem paginação, pelo menos foi um lay de teste ;-; Mas adoro muito esse estilo, e quem sabe eu use em um próximo layout~ adios moça~

    ColdH ☆ミ ☆彡

    ResponderExcluir
    Respostas
    1. Olá! ~ Realmente, mas é tanta gente lacradora que fica difícil escolher um só e3e.

      Pois é, cada post está saindo com um intervalo de dois meses... Odeio isso, mas não tenho como evitar. Mesmo assim, o importante é sempre voltar, não é mesmo? Obrigada pela força, estou trabalhando nisso. <3

      Eu também não gosto muito, prefiro algo mais delicadinho. O do blog por exemplo, mal aparece, mas dependendo da imagem até que fica amorzinho. Agora a numerada eu já acho algo mais "profissional". Amo forte. Já fiz algumas ~cagadas~ com esse estilo, mas agora fica um amor. Espero que use.

      Beijos e queijos.

      Excluir
  2. Oe ~
    Eu estou no ensino fundamental ainda (último ano ;-;), mas tenho medo desse ensino médio aí, eles já pedem MUITA COISA pra gente agora e ainda temos que estudar e tirar pelo menos 7 no boletim, no ensino médio da minha escola eles pedem muito mais pros alunos...
    Falando em vestibular, eu sou a única que não sei como isso funciona? :v assim, eu sei que é uma prova pra entrar em alguma universidade, mas ainda acho meio confuso e complicado.
    Acho esse estilo do header tão bonitinho, uma pena que eu sou uma bosta com edições, se não eu ia fazer um monte.
    Tu viu o comeback do EXO? Eu não vivo mais, só vejo o MV de Monster.

    Antigamente, eu usava paginação com imagem, mas esses meses estou preferindo sem imagens... a numerada é muito bonitinha também, eu já tentei usar mas foi há um tempo e eu era anta com HTML (ainda sou, mas ok) e não consegui euheue

    Maze 미로

    ResponderExcluir
    Respostas
    1. Hello! ~
      O Ensino Médio é mesmo um bichinho de sete cabeças, mas a gente aprende a domar, sabe? Eu vim entender direitinho o que é vestibular agora, no terceiro ano, então relaxa. Haha! Eu também adoro, não manjo muito, mas até que dá pra fazer umas coisinhas bonitinhas. ♥
      Cara, EXO é muito amor envolvido. Eu mal tinha superado Monster e veio Lotto pra me deixar no chão. É TIRO ATRÁS DE TIRO, MINHA GENTE!

      Ai, acho que todo mundo já apanhou pra paginação numerada, não é? Haha! Mesmo assim, é muito fofinha.

      Beijinhos e brigadeiros.

      Excluir
  3. JHENIIII!(。♥‿♥。) Hello, it's me, hahaha Que saudades daqui, que saudades de tu, que saudades de comentar em blogs também ahuashuhs Que layout lindo, essa cor de azul é tão fofinha! Header perfeito com o Jimin!!! *-* (Sim, tô gostando de k-pop agora ♥) Aff a escola é uma merda, ainda não estou no ensino médio mas mesmo assim, são muitos deveres pra fazer, um trabalho atrás do outro, scrr kkkk Mas eu realmente imagino que a sua situação deve ser pior shdudhdsads Enfim Jhen , esse tutorial é ótimo né? Eu sempre procuro usar porque deixa o layout mais bonitinho >.< Será útil sem dúvidas!

    Nossa ainda nem acredito que eu voltei, me abraça ASAUISHUISH ♥♥♥ Vou estar sempre de volta por aqui comentando *3*

    Beijocas da Ali ~ ➸ Space (Coming soon!)

    ResponderExcluir
    Respostas
    1. ALIIII! Meu Deus, que saudade de você! Eu também adoro esse tom de azul, é uma das minhas cores favoritas. <3 E olha, não é que ela veio para o lado viado da força? spkfpsakfpk Eu fico feliz de estar finalmente deixando a escola, mas só de saber que a faculdade está logo à frente já me dá uns coisos. A paginação é mesmo muito importante, espero mesmo que seja útil.

      Cara, espero mesmo que não suma, senão vou ser obrigada a te caçar pelo mundo e vou obrigar você a criar logo o blog e postar ~Marina Joyce?~.

      Beijos, queijos, vinhos e tudo mais. ♥

      Excluir
  4. ~brotei com glitter e purpurina (ノ◕ヮ◕)ノ*:・゚✧
    Jheni! Quanto tempo minha filha! Bom, considere-se perdoada kkkk' Que header lindo - Jimin *--* -, coitado do Luhan kkkkk' Te entendo, e também vejo muitos blogueiros que somem por um tempo pois estão ocupados com a escola, esse ensino médio, meu deus, eu já prevejo como vai ser, e pode crer que não é uma previsão muito boa; Psé, vamos guardar o desespero para a faculdade mesmo. Bom, eu vou bem, obrigada! Tumblr aesthetic é realmente amorzinho, devo concordar.

    Eu realmente gosto de algumas paginações com imagens, tirando o fato de que algumas ficam o "Ó" honestamente, eu prefiro as numeradas, eu não sei, eu acho elas mais bonitinhas. (◕ω◕✿)

    Au revoir
    BAEPSAE

    ResponderExcluir
    Respostas
    1. Brotou com toda a divosidade do planeta pra dizer olá. ♥ Hellou, realmente muito tempo, mas ainda bem que me perdoam. Obrigada e Jimin é maravis, né non? Gente, fiquei com remorso, vou fazer vários headers e ir mudando. sopkdspoakf Pois é, não é fácil, mas o importante é não desistir. Tumblr Aesthetic é minha vidinha, adoro e não largo.

      Ah, aí é ter senso né? Já vi muita atrocidade nessa vida, mas também já vi paginações super amorzinho com imagem. As numeradas são lindinhas, mas gosto do estilo "linkadinho" que uso aqui no blog. ♥

      Beijinhos e beijões.

      Excluir

하나 Não ofenda autores ou leitores.
Deixe o link do seu blog para que eu visite.
Não serão aprovados comentários apenas com divulgação.
Caso queira sugerir ou pedir algum post, faça isso por nossa Ask.

(⊙﹏⊙✿) (◕﹏◕✿) (◕‿◕✿) (◕︿◕✿) (◡‿◡✿) (◠△◠✿) (◕ω◕✿) (◠ω◠✿) (◠︿◠✿) (◠﹏◠✿) (◠‿◠✿) (ノ⊙ヮ⊙) (╯°□°)╯ಠ_ಠ ( ̄。 ̄)~zzz (°ロ°)ヽ (゜∇゜)ノ (ノ◕ヮ◕)ノ (▰˘◡˘▰) (︶▽︶) (。・_・。) (・ェ-) (。◕ ‿ ◕。) ʘ‿ʘ ╮ (─▽─)╭ ᕦ(ò_óˇ)ᕤ (≧ω≦) (^▽^) ( ̄□ ̄) (¬_¬) (╥_╥) (╯3╰) (¬‿¬) (◣_◢) (≧o≦) (⋋▂⋌) (॓_॔) (─‿‿─) (∩︵∩) (⊙_◎) (。♥‿♥。) (~ ̄▽ ̄)~ ★~(◠‿◕✿) (∩˃o˂∩) ~ヾ(^∇^) (づ。◕‿‿◕。)づ (ノ◕ヮ◕)ノ*:・゚✧ (;一_一) (¬_¬) (¬‿¬) (∩︵∩) (◕ ‿ ◕)/