Teste teste teste teste

Jack Streat é o criador por trás de todas as armas de lego incríveis que você está prestes a ver, elas disparam com um mecanismo de elastico e algumas motorizadas, mas todas elas não são letais:

Mais informações »

Como dividir a sidebar em duas

Em vez de colocar 3 colunas no blog (um menu de cada lado das postagens) uma opção bem interessante é dividir a sidebar em duas colunas, isso deixar a sidebar (menu do blog) largo no começo e a partir do ponto que desejar ele se divide em duas colunas, com na imagem abaixo:


Para fazer isso no seu blog entre na pagina editar HTML, antes de começar salve uma cópia do seu template (baixar modelo completo) assim poderá facilmente voltar ao modelo atual se tiver algum problema. Usamos o template Mínima do Blogger para fazer essa explicação,
procure por:

#sidebar-wrapper {

width: 220px;......}

Logo abaixo desse trecho coloque:

#sidebar-wrapper-doble {

width: 220px;

float: $endSide;

word-wrap: break-word; /* fix for long text breaking sidebar float in
IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar
float */

}

#columna-izda {

width: 48%;

float: left;

}

#columna-dcha {

width: 48%;

float: right;

}

Depois disso procure por:

<div id='sidebar-wrapper'>

<b:section class='sidebar' id='sidebar' preferred='yes'>

<b:widget
id='HTML3' locked='false' title='' type='HTML'/>

</b:section>

</div>

O trecho em negrito são os gadgets que tem no seu blog, portanto no seu blog deverá ter varias linhas parecidas com essa, elas não interferem em nada essa modificação é apenas o conteúdo da sua sidebar. O importante é colocar o código abaixo entre </b:section> e </div>

<div id='sidebar-wrapper-doble'>

<b:section class='sidebar' id='columna-izda'
showaddelement='yes'>

</b:section>

<b:section class='sidebar' id='columna-dcha'
showaddelement='yes'>

</b:section>

<div style='clear: both;'/>

</div>

Salve e depois entre na pagina layout e arraste os gadgets para essas novas sub colunas (coluna dividida em dois)

Para ficar melhor podemos aumentar a largura total do blog, volte a pagina editar html e procure por:

#header-wrapper {

width:660px;.........

#outer-wrapper {

width: 660px;............

#footer {

width:660px;............

Mais informações »

Gadget Top Comentaristas

Divulgar os leitores que mais comentam em seu blog pode ser um ótimo chamativo para mais comentários. E com isso você intera mais o seu leitor com o seu blog.

Funcionamento:
O gadget conta a quantidade de comentários para o mesmo “Nick name” (nome) e mesmo link, dessa forma se uma pessoa comenta várias vezes, mas todas com nome e link diferentes, o gadget vai contar separadamente cada comentário. Essa é a razão de muitas vezes o número de comentários não bater com a quantidade acusada por ele.

Configuração/Instalação:
1º - Faça login no Blogger, entre em “Layout” -> “Elementos da página”;

2º - Clique em “Adicionar um Gadget” e dentre as opções escolha “HTML/Java Script”;

3º - Copie e cole o seguinte código no campo oferecido pela opção:

<script src="http://acessoriosparablogs.com.br/scripts/topcomentarios.js"
type="text/javascript"></script>

<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&amp;_callback=pipeCallback&amp;_id=2351a7b3195ee95ef3643998bc8def5e&amp;url=http%3A%2F%2FLINK DO BLOG&amp;num=10&amp;filter=SEU NOME"
type="text/javascript"></script>

Modifique onde necessário:
LINK DO BLOG: Coloque o link do seu blog sem o HTTP://. Exemplo: seublog.blogspot.com
SEU NOME: Coloque o nome que você usa para comentar em seu blog. Para que o gadget elimine você da contagem.

Exemplo:

4º - Salve.

Texto Deslizante

Para colocar um texto deslizante no seu Blog basta copiar o código abaixo:

<marquee behavior="alternate" width="400" height="50"


scrolldelay="2" scrollamount="2" direction="left"


onmouseover="this.stop()" onmouseout="this.start()">Coloque aqui


seu texto! ! !</marquee>


Simples Não?