Não é de hoje que me perguntam isso:
Como centralizar qualquer gadget na sidebar do blog?
Tempos atrás eu ensinei como centralizar imagens na sidebar, mas recentemente descobri um jeito mais limpo e mais simples de centralizar qualquer widget na sidebar, inclusive imagens.
Vamos aprender?
Fica tranquilo que é bem simples, tá?
O que eu posso centralizar?
Todo e qualquer elemento de página, seja gadget Imagem, gadget HTML/JAVASCRIPT, gadget de texto, o que desejar!
Para começar você precisa identificar o widget que deseja centralizar.
Vamos supor que seja o box com os seguidores do Google Followers.
O box precisa, claro, já estar instalado em seu blog.
Aí vá ao Modelo de seu blog e clique na aba Editar HTML.
A seguir clique na setinha do item Ir para um widget.
Vai expandir a lista com todos os elementos de página que há em seu blog.
Localize o que deseja centralizar (no caso do meu exemplo, Plus Followers) e você vai achar o código dele.
Em geral esse é o código padrão do widget do Google+:
<b:widget id='PlusFollowers1' locked='false' title='Google+ Followers' type='PlusFollowers' version='1' visible='true'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title' id='plus'>
<data:title/>
</h2>
</b:if><div style='text-align:center;'>
<div class='widget-content'>
<b:if cond='data:profileUrl != ""'>
<div class='g-plus' data-action='followers' data-source='blogger:blog:followers' expr:data-height='data:height' expr:data-href='data:profileUrl' expr:data-theme='data:theme' expr:data-width='data:width'/>
<script type='text/javascript'>
window.___gcfg = {'lang': '<data:language/>'};
</script>
</b:if>
</div></div>
</b:includable>
</b:widget>
Preste atenção ao que marquei em azul pois é ali que você vai colar a linha de código (que destaquei em vermelho) que centralizará o seu widget.
Este é o código:
Olá,
ResponderExcluirSou agradecida ao seu blog por toda informação e tutoriais muito bem explicados!
Parabéns Elaine. Explicações perfeitas.Era tudo o que procurava,obrigada por compartilhar.
ResponderExcluirComo faço para centralizar o menu (lista de links) nativo do blogger?
ResponderExcluirTem um tutorial aqui que mostra como personalizar esse menu, Como personalizar o menu de páginas do Blogger?
ExcluirTalvez ajude, já que não há como centralizar de fato usando este tutorial...
Ola como centralizo o Arquivo de Blog nao conseguir fazer usando seu tutorial , estou fazendo errado?
ResponderExcluirCamila, o processo é o mesmo, mas talvez precise testar onde exatamente inserir a primeira linha do código que centraliza e isso pode variar caso seu template seja modificado...
ExcluirAmo-te!
ResponderExcluir