Como fazer aparecer um gadget na versão mobile do blog

Oláaa! Hoje eu vim fazer um post de uma coisa que eu resolvi ontem. Bom, o template do meu blog é do ThemeXpose. Não sei se é do próprio template ou era um problema meu, mas eu só sei que os gadgets simplesmente não existiam na versão mobile do meu blog. Descobri isso quando, nos grupos de interação e divulgação de blogs no Facebook, uma menina disse que não conseguia seguir meu blog porque não tinha a opção de seguir pelo celular. Comecei a pensar em várias possibilidades e perguntas. Não sosseguei até quando consegui resolver esse problema. 

Aprendi a mexer, um pouco, em CSS por causa do Tumblr. Já fiz themes e disponibilizei no meu perfil. São básicos, feitos em cima de um theme base, mas que eu deixei um pouco mais personalizado. Se alguém se interessar, é só clicar aqui.

Eu achava que seria um bicho de sete cabeças, mas pelo contrário. Foi super fácil resolver. Me baseei em um tutorial do blog da Elaine Gaspareto. Levei menos de 10 minutos para conseguir consertar. Acho que tem uma boa parte das pessoas que usam algum template do Xpose e provavelmente tem esse problema, então, achei válido fazer um pequeno tutorial de como resolver isso. Lembrando que não sou nenhuma expert em CSS, mas gosto de aprender e, quando não consigo, eu consigo. Vou até conseguir. 

Sem mais delongas, vamos ao que interessa?

***

O primeiro passo é abrir seu blog e ir em "Modelo/Tema".




Depois que você clicar em Modelo, vai abrir uma nova página. Você, em seguida, deverá clicar em "Editar HTML".




Feito isso, a área de edição do seu template vai se abrir. Clique em cima do código que estiver lá e aperte "CTRL + F" para fazer uma pesquisa. Jogue na caixa de pesquisa "<b:widget". A pesquisa te jogará para uma área do código. No meu caso, os gadgets estão dentro da minha sidebar, o que provavelmente acontecerá com você. Verifique se está dentro mesmo. Se tiver dentro de algo assim "<b:section id='sidebar' showaddelement='yes'>", se tiver, está correto. 




Como vocês podem olhar, em todos os gadgets tem um pedaço do código que está escrito "mobile='yes'". Isto que vai definir com que os gadgets apareçam, também, na versão mobile do blog. Então, para aparecer, você deverá escrever esse pedaço de código no espaço de cada gadget, como foi visto na foto acima.

***

Espero que tenham gostado do post e que eu tenha te ajudado de alguma forma. Se gostarem, depois posso fazer outro post relacionado à HTML/CSS, que eu entenda, óbvio rs.

Xoxo,
Fernanda.

19 comentários:

  1. Utilidade pública! O Xpose tem temas ótimos mas é uma pena que peca nesses aspectos, adorei o post! <3

    ResponderExcluir
    Respostas
    1. Não, é? Espero que consiga ajudar as pessoas! :)
      Obrigada, amore!
      Beijos,
      Fê.

      Excluir
  2. Amei esse tutorial!Deixei aqui nos meus favoritos se um dia eu precisar <3

    ResponderExcluir
  3. arrasouuuuuu na dica! é ótimo quando blogueiras se ajudam, crescemos juntaas

    ResponderExcluir
  4. Uiaaaa, bom saber! Sou péssima com esse negócio de HTML, se eu não anotar vou esquecer. kkkkk Obg pela dica.
    Bjooos!!!

    canalcereja.blogspot.com.br

    ResponderExcluir
    Respostas
    1. hahahhah eu também sou péssima, mas sou muito curiosa aí saio futucando kkkkk.
      Por nada, amore.
      Beijos,
      Fê.

      Excluir
  5. Não sabia disso, utilidade pública, adoro!

    ResponderExcluir
  6. Meu Deus que post de utilidade pública, até compartilhei! Vou fazer isso, estou com o mesmo problema e os temas do ThemeXpose são lindos!

    ResponderExcluir
  7. Ih, que legal! Parabéns pelo tutorial, muito bem explicado!
    Contrariemos os Desencontros

    ResponderExcluir
  8. Claro. O que eu puder fazer para ajudar os outros, farei.
    Beijos,
    Fê.

    ResponderExcluir
  9. Adoro esses tipos de tutoriais que ajudam as miga blogueira <3
    Ficou tudo muito bem explicadinho, parabéns :)
    Beijos.

    ResponderExcluir
  10. Adoreeeeeeeei!! Vou tentar fazer no meu, tá horrível pra ajeitar a visualização pelo celular!

    ResponderExcluir

Tecnologia do Blogger.