12 junho 2010

Teste teste teste teste

0 comentários
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTk1j_2FxllMfaCQGTibfbeaSHOD2puvleOozFoqpiOCZXEamCa9VHo3YhUOJRj9A8U8Ra8K_GyTyBQBBbTP1NB0BfQoAziBabZpqUxm5xg2iw9PkcPo-Lurx-WUcDRcEvP6aAJRMMMR4/s1600/lego.png

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:

23 setembro 2009

Como dividir a sidebar em duas

12 comentários
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:

Dividir sidebar
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;............

Gadget Top Comentaristas

0 comentários

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:
- Faça login no Blogger, entre em “Layout” -> “Elementos da página”;

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

- 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.

22 setembro 2009

Texto Deslizante

0 comentários
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?
 

Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com