para manter suas widgets

A outra nova função, mais esperada ainda do que as páginas estáticas, é a possibilidade de salvar os widgets AUTOMATICAMENTE durante a troca de template . Até então era uma luta: salvar todos os códigos no bloco de notas>trocar template>inserir um por um.
Agora basta escolher um lindo template, fazer o upload e clicar em manter widgets:

é uma maravilha Agora é só Aproveitar e trocar o Template !!!

retirando o navbar

Para retirar a navbar do blogger , procure no código do seu template
este trecho ]]> < / b:skin>; e acrescente
imediatamente antes, a parte em vermelho

#navbar-iframe { height: 0px; visibility: hidden; display: none; }


Ficando assim:
#navbar-iframe { height: 0px; visibility: hidden; display: none; }

]]> < / b:skin>; ;

TABELA NO BLOGGER

Quando for usar uma tabela vá em nova postagem e coloque o codigo em editar html depois volte em escrever na aba ao lado e visualize e esqueva o que quiser dentro da tabela!

Boa Sorte!....

Espero ter Ajudado....

qualquer duvida pergunte nesta postagem!!!!

CODIGO PARA TABELA COMO ABAIXO

Item 1	Item 2
item 3	item 4

<table border="1"><tbody><tr> <td>Item 1</td> <td>Item 2</td> </tr> <tr> <td>R$10</td> <td>R$40</td> </tr> </tbody></table>

TABELA COMO SE FOSSE MARCADOR:

MARCANDO......

<table border="0" bordercolor"#000000" bgcolor="#cccccc"><tr><td>Escreva seu texto aqui</td></tr></table>

orkut no blog

Para colocar a imagem do orkut com o link do seu perfil ou comunidade no seu blog, copie este código e cole em adicionar novo gadget/html/java. No local onde está escrito, cole o endereço do seu perfil ou comunidade no orkut. O perfil é aquele endereço que aparece lá em cima na barra de endereços, de navegação, quando você clica na imagem do seu perfil, na sua foto de perfil.

<a href="ESCREVA AQUI O ENDEREÇO DO SEU PERFIL OU PAGINA NO ORKUT" target="_blank"><img border="0" src="http://lh6.ggpht.com/_3UhhE8Eo6Zw/StEkfnKi9cI/AAAAAAAACeU/TQQTpyUB6Rk/orkutLogotipo.gif" /></a>

ficara como abaixo !!!!!
aproveite e clique na imagem e
visite a comunidade de layouts e company no orkut!!!

como inserir menu no blog

Primeiro entre em Layout e logo em seguida clique em

Editar HTML procure pela seguinte linha do HTML

#main-wrapper

E cole o codigo antes da linha acima:

/*– (Menú) –*/<br /> #nav {<br /> background: url(http://www.cssplay.co.uk/menus/button1.gif) repeat left top;<br /> height: 26px;<br /> }<br /> #nav ul{<br /> list-style: none;<br /> margin: 0px 0px 0px 25px;<br /> padding: 0px;<br /> font: bold 12px/100% Arial, Helvetica, sans-serif;<br /> }<br /> #nav ul li{<br /> margin: 0px 1px 0px 0px;<br /> padding: 0px;<br /> float: left;<br /> }<br /> #nav ul li a{<br /> padding: 5px 7px 6px 7px;<br /> text-decoration: none;<br /> color: #FFFFFF;<br /> display: block;<br /> }<br /> #nav li a:visited{<br /> text-decoration: none;<br /> color: #ffffff;<br /> }<br /> #nav li a:hover, #nav .current_page_item a{<br /> text-decoration: none;<br /> background: #FFFFFF<br /> color: #FFFFFF;<br /> }<br />

Em seguida procure por essas linha:

<div id=’content-wrapper’>

Cole o código abaixo antes da  linha acima:

<div id=’nav’><ul><li><a class=’current’ href=’Endereço‘ title=”>Inicial</a></li> <li><a href=’Endereço‘ title=”>Ítem1</a></li> <li><a href=’Endereço‘ title=”>Ítem2</a></li> <li><a href=’Endereço‘ title=”>Ítem3</a></li> <li><a href=’Endereço‘ title=”>Ítem4</a></li> <li><a href=’Endereço‘ title=”>Ítem5</a></li> </ul></div>

Imagens caindo no blog

Para ter aquelas imagens caindo na tela de seu blog como neve, flores, corações, ou a imagem que quiser 

basta pegar o codigo abaixo e colocar o link da imagem que deseja que caia sobre a tela de seu blog e colocar a quantidade isso esta escrito no codigo para que vc saiba onde colocr o link e a quntidade de imagem.

coloque o codigo na widtget --->>html/javascript

<script language="JavaScript1.2"> // Altere a linha abaixo com a URL da sua imagem var snowsrc="link da imagem aqui" // Altere a linha abaixo com o número da qtd de neves que aparecerá juntas. var no = 10; var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var ns6up = (document.getElementById&&!document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 800, doc_height = 600; if (ns4up||ns6up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*20; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables if (ns4up) { // set layers if (i == 0) { document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><a href=\"http://www.casadoswebmasters.com/\"><img src='"+snowsrc+"' border=\"0\"></a></layer>"); } else { document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"></layer>"); } } else if (ie4up||ns6up) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://www.casadoswebmasters.com\"><img src='"+snowsrc+"' border=\"0\"></a></div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"></div>"); } } } function snowNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowNS()", 10); } function snowIE_NS6() { // IE and NS6 main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = ns6up?window.innerWidth : document.body.clientWidth; doc_height = ns6up?window.innerHeight : document.body.clientHeight; } dx[i] += stx[i]; if (ie4up){ document.all["dot"+i].style.pixelTop = yp[i]; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); } else if (ns6up){ document.getElementById("dot"+i).style.top=yp[i]; document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i]); } } setTimeout("snowIE_NS6()", 10); } if (ns4up) { snowNS(); } else if (ie4up||ns6up) { snowIE_NS6(); } /* Snow Effect Script Submitted by Altan d.o.o. (snow@altan.hr, http://www.altan.hr/snow/index.html) */ </script>

banners rolantes.

quer seus banner(caixinha de link-me)rolando como a escrita abaixo?

pegue o codigo e coloque uma nova widget de html em seu blog

JULIANA GOMES

LAYOUTS E COMPANY  siga as instruçoes escrita no espaço do codigo qualquer duvida pergunte aqui nesta postagemcodigo... 

<br /> <center><marquee direction="up" height="180" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="8" style="border-bottom: #ffffff 5px ridge; border-left: #ffffff 5px ridge; border-right: #ffffff 5px ridge; border-top: #ffffff 5px ridge;" width="200"><br /> <br /> <br /> ---->vc coloca os link de seu selinhos aqui neste espaço apaque esta mensagem se nao ela aparecera juntos com os selos<----</marquee></center><center> </center><center> </center><br /> <br /> <center></center>

proteçao contra cópia

Algumas pessoas tentam evitar que copiem coisas do seu site ou blog bloqueando o botão direito do mouse, esse código abaixo bloqueia o botão direito do mouse no Internet Explorer e Firefox.

<script> function click() { if (event.button==2||event.button==3) { oncontextmenu='return false'; } } document.onmousedown=click document.oncontextmenu = new Function("return false;") </script> <br />

Você deve colocar esse código antes da tag </head> no seu site e pronto o botão direito não funcionará mais em nenhuma parte do seu site nem nas imagens nem nos textos. No Blogspot você coloca esse código pela pagina editar html, nos outros blogs deve ser parecido com isso afinal todos permitem algumas alterações no código html do blog.


Mas lembre-se que apesar de usar esse ou qualquer outro código de bloqueio de botão direito, impedir selecionar texto e outras coisas, nenhum deles é 100% seguro, portanto dependendo do conhecimento de código da pessoa que está querendo copiar algo ela sempre dará um jeito de conseguir.

 Fonte:Dicas para Blogs

Retirar mensagem "Mostrando postagens com marcador..."

para retirar esta mensagen é bem facil vá em html

procure esta linha

]]></b:skin>

acima desta linha cole este codigo

.status-msg-wrap, .status-msg-body, .status-msg-border, .status-msg-bg, .status-msg-hidden { <br /> display: none; <br /> }

twitter em seu blog

para isso segue o link abaixo e uma rapida explicaçao

http://twitter.com/widgets

o link levará vc a uma pagina como essa clique em my website

depois de feito isso vc irá para esta pagina

clique em profile...como na imagem..

lembrando essa explicaçao e para colocar o profile

em seu blog para colocar os twitter recebidos segue os

links abaixo de profile como se ve na imagem

seja curioso e tente os outros tambem!!!

depois disso vc verá como ficara o twiter no seu blog

fassa como mostra na imagem..

depois é so pegar o codigo... e

adicionar uma nova wiget 

coloque o codigo em html javascript

veja como fica

espere carregar....

novidade no blogger

A nova do blogger agora e a nova gadget.

Permite vc colocar um menu facilmente em seu blog!!!!!!

veja na imagem....

corra lá em seu blog e vá conferir!!!!

colocando colunas vertical no blog

Como deixar seu template com 3
colunas vertical como na figura abaixo!!!

Às vezes, nos deparamos com templates que não possuem um rodapé (Footer) e a ausência desse recuso limita locais que poderiamos utilizar para adicionar novas gadgets. Às vezes, encontramos templates com o rodapé, mas só que sem divisão, o que também não ajuda. Neste post iremos aprender como dividir o rodapé do template em três colunas.

Vamos utilizar o Template Minima do Blogger como nossa "cobaia". Por padrão, ele é configurado..

O que iremos fazer será adicionar logo abaixo da seção destinada as postagens do blog, um rodapé (footer) dividido em três colunas. Para isso, vamos fazer o seguinte:

1 - Faça um backup do seu template atual. Se você ainda não sabe como fazer isso, basta clicar aqui.

2 - Agora vá em Layout -> Editar HTML (Não é necessário Selecionar a opção "Expandir modelos de widgets"). Com a ajuda de Crtl+F encontre o código CSS referente ao rodapé (Footer). No Minima é este que está logo abaixo:

/* Footer<br /> ----------------------------------------------- */<br /> #footer {<br /> width:660px;<br /> clear:both;<br /> margin:0 auto;<br /> padding-top:15px;<br /> line-height: 1.6em;<br /> text-transform:uppercase;<br /> letter-spacing:.1em;<br /> text-align: center;

Substitua todo o codigo acima por esse código que está logo abaixo:

/* Footer<br /> ----------------------------------------------- */<br /> #footer-column-container {<br /> clear:both;<br /> }<br /> .footer-column {<br /> padding: 0px;<br /> }

3 - Novamente com a ajuda do Crtl+F encontre o código.

<div id='footer-wrapper'><b:section class='footer' id='footer'/><br /> </div>

4 - Substitua o trecho <b:section class='footer' id='footer'/> pelo código abaixo.

<div id='footer-column-container'><div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'><b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/><br /> </div><div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'><b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/><br /> </div><div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'><b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/><br /> </div><div style='clear:both;'/><div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'><b:section class='footer' id='col-bottom' preferred='yes'><br /> <b:widget id='Text2' locked='false' title='' type='Text'/><br /> </b:section><br /> </div><div style='clear:both;'/></div>

5 - Visualize e, se tudo estiver certo, salve.

É isso. Até a próxima.

Colocando imagens no marcador..

Procure este trecho:

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}


.sidebar li {
margin:0;
padding:0 0 .25em 15px;
text-indent:-15px;
line-height:1.5em;
}

E acrescente logo abaixo:

.sidebar ul li {
list-style: disc url(link da imagem);
vertical-align: top;
padding: 0;
margin-left: 15px;
}

Para que o marcador da lista seja um quadrado, basta colocar:
list-style: square;

Um círculo vazio:
list-style: circle;

no site abaixo contem alguns marcadores
copie a url do marcador e coloque em (link de sua imagem)
                            http://www.ladylony.com/marcadores.htm