Como Usar o Gadget de seguidores na versão celular

   Oi Gente, na verdade esta função serve para qualquer Gadget que você queira incluir na versão celular, então sem mais delongas vamos ao tutorial.
   Para fazer esta alteração, você devera  ter muita atenção para não causar nenhum dano ao template do seu blog, ou na sua estrutura completa, pois mexeremos no código fonte dele.
 Agora em Modelo -  Faça download do modelo completo - caso de erro você pode instala-lo novamente.

Para visualizar melhor, clique nas imagens

   Logo em seguida altere o modelo da versão celular, escolha a versão "Personalizar" e antes de salvar, visualize , se estiver tudo do seu agrado, salve e iremos continuar. (Estes passos funcionarão corretamente caso você esteja usando um dos templates disponibilizados pelo Blogger, caso contrario.. teste , só não esqueça de fazer o download do modelo)

Para visualizar melhor, clique nas imagens

Depois vá até Editar HTML

Tecle CTRL + F e na caixinha cole e localize o código

<b:widget id='Followers1' locked='false'

Você vai encontra-lo assim

<b:widget id="Followers1" locked='false' title='O TITULO QUE VOCÊ ESCOLHEU' type='followers' visible='true'>...</b:widget>

  Cuide para não clickar nos três pontinhos (...), porque isso vai espandir o código e você pode ficar um pouco confuso, caso não tenha conhecimentos sobre "HTML"

  E lodo depois  de locked='false' inclua este código

mobile="yes"

   Ficando assim:

<b:widget id='Followers1' locked='false' mobile="yes" title='Seguidores' type='Followers' visible='true'>...</b:widget>
   Lembre-se de deixar espaço entre um termo e outro:
locked='false'(espaço) mobile="yes"(espaço) title='Seguidores'
  Porque senão vai dar erro.
Salve
   E pronto, o widget seguidores ja vai aparecer na versão celular.
   Obs:Cada um dos itens que você colocar no seu blog, vai aparecer dentro de um código como esse, e no title=" " voce pode saber de qual item se trata, se quiser que apareça na versão mobile, basta incluir o " mobile="yes" que tudo vai funcionar.

  Para personalizar (estilizar) o GadGet , dentro do código HTML, você precisa procurar por:

]]></b:skin>

   E acima desta linha você cola o seguinte código:' 

.mobile #Followers1{ background: pink;/* Escolha a cor de fundo */ padding-left: 30%; /*margem interna a esquerda */ padding-bottom: 5%; /*margem interna inferior*/ } .mobile #Followers1 h2{ padding-top: 5%; /*margem acima do titulo*/ font-size: 22px; color: white; }

Ficando assim

Esta formatação deixa exatamente da maneira que esta na primeira imagem deste post, você pode personalizar a seu gosto, basta alterar as partes onde eu deixei comentários,  /* e */, só cuide para não retirar nenhum caractere de pontuação, pois pode danificar a formatação (} { ; ; -) .

Facinho né? Espero ter ajudado, qualquer duvida é só comentar.
Beijinhos.

Cris Rocha