19/02/2015

Menu de sidebar: Smaller

| |
Oi! Como vão? Não sei como vai ser isso de ter uma rotina de postagens, mas confesso que meu lado perfeccionista está gostando da organização. E vocês, o que acham? Espero que curtam também. Como eu sempre começo os posts com novidades, quero avisá-los que estou, atualmente, assistindo um dos melhores animes que já vi na vida então, logo menos teremos uma postagem inteirinha de resenha – ou seria recomendação? – porque gente, sério, é maravilhoso! Vocês sabem como eu tendo a ficar fissurada pelas coisas quando eu gosto de algo, não é? É exatamente assim que estou com ele, ha ha! Para a postagem de hoje, no entanto, trouxe um menuzinho que eu fiz há algum tempo e ainda não tinha disponibilizado – como eu faço com absolutamente tudo o que eu crio para o blog, ô decadência. O modelo é bem simples, mas fofo e vocês podem alterar as cores para combinar com os temas de vocês.  O efeito hover faz com que o menu fique menor, então por isso o título smaller. Se usarem, creditem ao ek e não rebloguem. ミ

☆ preview

No painel de controle do Blogger, clique em Tema e vá nas três bolinhas, escolhendo Editar HTML. Dê um clique dentro da área de código para localizar seu cursor, aperte Ctrl+F no teclado, pesquise por ]]></b:skin> e dê enter. Depois de ter encontrado, cole acima/antes o seguinte código:

smaller {
background: #d6e0e4;
display: inline-block;
text-transform:uppercase;
font-family: arial;
font-size: 11px;
color: #adc0d2;
text-align: center;
padding: 4px;
height: 15px;
width: 58px;
-webkit-transition-duration: .90s;
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
transform: rotate(0deg) scale(0.96) skew(1deg) translate(0px);
-webkit-transform: rotate(0deg) scale(0.96) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(0.96) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(0.96) skew(1deg) translate(0px);
-ms-transform: rotate(0deg) scale(0.96) skew(1deg) translate(0px);
}
smaller:hover {
opacity: 0.8;
-webkit-transition-duration: .90s;
transform: rotate(0deg) scale(0.864) skew(1deg) translate(0px);
-webkit-transform: rotate(0deg) scale(0.864) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(0.864) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(0.864) skew(1deg) translate(0px);
-ms-transform: rotate(0deg) scale(0.864) skew(1deg) translate(0px);
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
}

No painel de controle do Blogger, clique em Layout, adicione um gadget HTML/JavaScript e cole o seguinte código:

<a href="LINK"><smaller>TÍTULO</smaller></a>

Repita o código acima quantas vezes for necessário. Por enquanto é isso, meus queridos. Nos vemos em uma próxima. Fiquem bem, se cuidem.

26 comentários

  1. Volteeei ~
    Pela décima vez :v
    Saudadeees desse bloguinho kawaii e lindooo *u* Mds mds mds que menuzinho lindo <3
    Apoio muito você trazer uma postagem falando sobre animes ou pelo menos o que você mais gosta e tals, eu estou pensando em fazer o mesmo e isso é bem legal. Necessito de blogs que postem mais disso e fico feliz que ainda posta tutoriais, afinal não existe tantos blogs que postem tutoriais bons iguais os seus :3
    Paradise ♥ Bunnies ll Se increve no meu canal? ♥

    ResponderExcluir
    Respostas
    1. KAAH! ♥
      Que bom que voltou, eu quem senti falta do seu bloguinho lindo. ^-^ Fico feliz que tenha gostado do menu.
      Eu pretendo fazer mais uma parte dos "Animes curtos", mas antes tenho que terminar esse que estou vendo. Aí vamos adiando... >.<
      Pois é, temos poucos blogs de resources atualmente, mas ainda existem! Haha! Obrigado. <3

      Kissus ~

      Excluir
  2. Amei o menu , que fofo

    ResponderExcluir
  3. Oi :3
    Gostei muito do Menu, achei ele tão filé hUSHUHuhsu, nem sei se usa essas gírias mas eu gosto =D
    Bom, eu estou super bem, e você?
    Não sei bem a parte da organização, porque sou retardada e não sei de nada ahuhahs.
    Acho que indicações de anime é uma boa, eu gosto =3
    Beijos!

    ||Crazy Cake ||

    ResponderExcluir
    Respostas
    1. Olá ^-^
      Que bom que gostou e achou um filézinho. ajxdowejo Sim, essas gírias se usam. >.<
      Eu também estou ótima, obrigado.
      Ah, é que eu estou postando às segundas e quintas e estou gostando bastante de ter dias certos pra postar, entende? *w*
      Eu também adoro indicar/receber indicações de animes. ♥

      Chu ~♥

      Excluir
  4. Menu da divação, amei!

    ResponderExcluir
  5. Que menuzinho lindo ♥

    [Naka Pyon!] - Visite!

    ResponderExcluir
  6. Olá! Tudo bem, Jheni?~
    Qual anime? Fiquei curiosa.
    O menu é um amorzinho ♥.

    m-onodrama.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Olá! Tudo sim, espero que você também, Aya! ♥
      Vocês vão saber em breve, quando eu o indicar. Haha!
      Awn, obrigado.

      ~Kissus

      Excluir
  7. Oii Jheni, como vai? >3<
    Lembrastes de mim? rs Eu voltei, finalmente õ/ Estou muito feliz :3
    Bom, sobre o menu, arrasando como sempre né.. E esse layout então .... mds *0* pare de divar u.u (mentira, continue ♥) Enfim, vim dar uma passadinha aqui pra matar a saudade <3 Adoro o EK, e o Quinze Outonos também :3 Sempre dou uma passadinha lá pra ler os posts. Cê é muito diva, beijus ~ kk <33

    c h a n d e l i e r // Royalty Pics

    ResponderExcluir
    Respostas
    1. Oiii Aliiii! *w* Estou bem, melhor agora, na verdade.
      Claro que eu lembro, aliás, quando li seu nome mal acreditei! Seja bem-vinda de volta, eu estava esperando ansiosamente. ♥
      Obrigado >////< Mas ó quem fala, a diva master. Fico feliz que ainda goste dos meus bloguinhos, pois sempre vou amar os seus.

      Beijos coloridos ~

      Excluir
  8. menu maravilhoso! <3 ~

    http://euamotutoriais.blogspot.com.br/

    ResponderExcluir
  9. Olá, Jheni.
    Esperarei pela indicação do anime, fiquei curiosa hehe
    Fui ver o menuzinho no Blog de preview e viajei com o cursor de letrinhas haha
    O menu é muito fofo <3
    Seguindo aqui.

    >> br-asiaticos.blogspot.com.br/
    - C h u ~

    ResponderExcluir
    Respostas
    1. Olá, Rafa. ^-^
      Logo menos eu indico, tenho alguns posts na frente. >.<
      Aquele cursor é feito pra viajar dwkxpksojrf
      Awn, obrigado.
      Irei retribuir, com certeza. ♥

      ~Kissus

      Excluir
  10. Olá, tudo bem? Nossa adorei o seu layout, não sou muito chegada a animes mas depois que eu vi esse lay me apaixonei ♥.♥

    Adorei o menu quando fui na sua página de previews, eu também vi mais alguns menuzinhos e efeitos, vou falar a verdade, são realmente uma perfeição. Ficou muito fofo de rosa ^^

    Beijos, Reflect!

    ResponderExcluir
    Respostas
    1. Olá, tudo bem sim. ♥ Awn, que bom que gostou do lay, fico feliz de verdade. Obrigado.

      Haha, sério que gostou? Obrigado. Não são tão boa com essas coisas, mas estou melhorando aos pouquinhos. Obrigado por tudo. <3

      Kissus ~

      Excluir
  11. Que amorzinho, o menu é uma gracinha mesmo >3<
    Recomendação de anime? Eba! Estarei aguardando!
    ♥ Rendas e Doces

    ResponderExcluir
    Respostas
    1. Obrigado, Lia. ^3^
      Logo, logo. Hehe!

      Chu ~♥

      Excluir
  12. Ooii! Leitora nova aqui ~ Gente, que blog lindo que você tem! Estou me perguntando agora como eu nunca tinha visto, é tão maravilhoso <3 Bom, eu vou bem. Esse menu está muito lindo, muito fofo. Eu também estou apaixonada pelo cursor do blog de previews ahsuahsaush' Mas enfim, eu gostei bastante do menu e bastante do tutorial <3 É mesmo uma gracinha >-< Beijos ~
    ♥ Idealizing

    ResponderExcluir
    Respostas
    1. Olá! Seja muito bem-vinda! Ah, obrigado. >////< Que bom que gosta daqui e que bom que está bem. ♥ Que bom que gostou também, haha e o cursor vai ser disponibilizado em breve... ^-^ Fico feliz que tenha aprovado tudo por aqui.

      Kissus ~

      Excluir

Não ofenda autores ou leitores.
Deixe o link do seu blog para que eu visite.
Proibido comentários apenas com divulgação.
Comente seu pedido ou sugestão.