Te Ajudo "Di" Grátis

Aos Leitores

2010-02-04T11:13:00.000-08:00

Eae Gente, peço mil desculpas para vocês queridos leitores!
Estou voltando agora com toda força novamente!
Mas preciso saber!
Quantos ai ainda vem aqui?
Faça um comentário!
Estou ansioso!

http://tresmelhores.blogspot.com
Este é meu novo Blog!
Deêm uma olhada lá!
Espero vocês!
Abraços

Acho que voltei!

2008-05-12T15:50:00.000-07:00

Olá, desculpa a todos que estavam sempre ajudando o blog a crescer e tudo gostaria que me desculpasem mesmo! Abraço a todos Acho que agora Estou voltando mesmo amanhã começarei a posatr novamente, não vou esticar o texto vou logoacabar aqui, abraço!

Faça o Download Do Te Ajudo "Di" Grátis Toolbar!Com ele você ficará a par de todas as atualizações do blog!
Assine nossos Feeds!

Você Gostou? Se a resposta foi sim, Então Comente!

Te Ajudo "Di" Grátis

Tudo Freezaum

Imagem X - Hospedagem de imagens onde as suas imagens não são apagadas!

2008-02-02T10:19:00.001-08:00

O Imagem X é um site que hospeda suas imagens gratuitamente, você não precisa nem criar uma conta, tanto que na página principal do site você já encontra um link para você selecionar a imagem desejada, esta imagem tem que ter no máximo 10MB, você pode hospedar quantas imagens quiser, com o tamanho que você quiser, contanto que não passe o limite de 10MB. Este site é muito útil para você hospedar o cabeçalho do seu blog e principalmente o seu banner. Na hora em você for hospedar a imagem, salve o link no bloco de notas, porque se você perder não terá um modo de recupera-lo, pois não existe uma central de gerenciamento, por não exigir cadastro.

Tipos de imagens suportadas: JPEG,GIF e PNG.

Faça o Download Do Te Ajudo "Di" Grátis Toolbar!Com ele você ficará a par de todas as atualizações do blog!
Assine nossos Feeds!

Você Gostou? Se a resposta foi sim, Então Comente!

Te Ajudo "Di" Grátis

Tudo Freezaum

Coloque uma Rádio em seu blog!

2008-02-02T09:20:00.000-08:00

Muitos blogueiros não gostão de colocar uma rádio no seu blog, mas uma rádio ajuda muito! Para selecionar uma rádio, você tem que escuta-la antes de colocar no seu blog, porque não adianta a rádio tocar músicas legais se ela não tiver uma programação boa, tem rádios que tem uma programação musical boa, mas quando entra o locutor, desaba a programação... Uma rádio ajuda a segurar o visitante um pouco mais no seu blog, derepente, entra um visitante no seu blog e quando ele esta prestes a sair, toca aquela música preferida, o mesmo pode acontecer quando um visitante entra no seu blog. Uma rádio pode segurar um visitante, no mínimo, uns dois minutos a mais, recomendo que pense bem antes de colocar uma rádio. Lembrando que é uma decisão sua, se o visitante não quer mais escutar a rádio é só apertar o stop.

Rádio Web Mix

Rádio MP3z

Rádio Hot Hits

Rádio Nova Web

Rádio na Pista

Rádio Jovem Pan

Faça o Download Do Te Ajudo "Di" Grátis Toolbar!Com ele você ficará a par de todas as atualizações do blog!
Assine nossos Feeds!

Você Gostou? Se a resposta foi sim, Então Comente!

Te Ajudo "Di" Grátis

Tudo Freezaum

Como postar programas, jogos, filmes, etc..

2008-02-02T05:22:00.000-08:00

Pedido por Edino Rodrigues ( Como postar programas para outras pessoas baixarem! )

Olá hoje vim aqui ensinar uma coisa que é nescessário de todos os blogueiros saberem, como postar coisa para outras pessoas baixarem, Primeiramente você de ve colocar o titulo do post (Ex: Tropa de Elite ), Agora vamos a parte mais dificil, a postagem do arquivo em um hospedeiro, são alguns exemplos de hospedagem boa, Rapidshare ou Easyshare, chegando lá você irá upar o arquivo de seu computador para o hospedeiro, depois de já ter upado todo o arquivo, você deve pegar o link do download dele, para colocar para download o link é só colocar assim <a href="link_do_download">Download</a>, se quiser colocar uma imagem é só colocar assim <a href="link_do_download"><img src="link_da_imagem"></a> com este da imagem, quando o usuario clicar na imagem ele vai baixar o arquivo!
Agora você também vai querer colocar uma imagem em cima mostrando a capa do filme ou jogo dai você também deve hospedar sua imagem uma boa hospedagem é ImagemX que nunca apaga sua imagem ou até o blogger mesmo, mas para a imagem aparecer no seu blog você deve colocar assim <img src="link_da_imagem"> se quiser coloca-la no meio da tela você deve colocar assim <center><img src="link_da_imagem"></center>

Faça o Download Do Te Ajudo "Di" Grátis Toolbar!Com ele você ficará a par de todas as atualizações do blog!
Assine nossos Feeds!

Você Gostou? Se a resposta foi sim, Então Comente!

Te Ajudo "Di" Grátis

Tudo Freezaum

Hacks para IE6 e IE7

2008-01-28T14:27:00.000-08:00

Se uma medida fica perfeita no Firefox (por exemplo, a largura de uma coluna)mas desfigura o template no IE6, basta acrescentar underline antes da medida, como no exemplo:

sidebar: 220px; (aqui, medida para o Firefox)
_sidebar: 210px; (aqui, com o acréscimo de underline, será interpretado apenas pelo IE6)

Para que funcione, a medida para o IE6 deve vir logo abaixo da medida para o Firefox.
Mas, este hack não funciona para o Internet Explore 7, então, para que o template fique idêntico nos tres navegadores, devemos fazer assim:

sidebar: 220px; (aqui, medida para o Firefox)
*sidebar: 210px; (aqui usa-se o asterisco para o IE7)
_sidebar: 210px; (aqui, com o acréscimo de underline, será interpretado apenas pelo IE6)

Obs: Deve-se obedecer esta hierarquia para que tudo funcione corretamente: Firefox/IE7/IE6

É isso.
Faça o Download Do Te Ajudo "Di" Grátis Toolbar!Com ele você ficará a par de todas as atualizações do blog!
Assine nossos Feeds!

Você Gostou? Se a resposta foi sim, Então Comente!

Te Ajudo "Di" Grátis

Tudo Freezaum

Colocando ads depois do Titulo

2008-01-28T14:19:00.000-08:00

Como colocar Adsense entre o titulo e o conteudo do post
vamos lá. Lembrando que é necessário marcar a opção "Expandir modelos de widgets"
Procure no HTML do seu template por

<div class='postbody'>

Após ela você irá inserir o código do adsense, lembrando que você precisa alterar uma coisa:
ORIGINAL

<script type='text/javascript'>

ALTERADO

<script type='text/javascript'>& l t;!--

//--& g t;

Digite as letras & gt; e & lt; todas juntas.

E pronto.

Faça o Download Do Te Ajudo "Di" Grátis Toolbar!Com ele você ficará a par de todas as atualizações do blog!
Assine nossos Feeds!

Você Gostou? Se a resposta foi sim, Então Comente!

Te Ajudo "Di" Grátis

Tudo Freezaum

Colocando a data abaixo do titulo do post

2008-01-28T13:53:00.000-08:00

Vou ensinar como colocar a data do post abaixo do titulo do mesmo.

Vá no html do seu template, marque Expandir Modelo de Widget e encontre este trecho (lembre de usar o Ctrl+F para localizar mais rápido):

<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

O que vocês terão que fazer é deslocar este trecho para outro trecho mais acima. Selecione e recorte este trecho do código e depois encontre esta outra parte:

<div class="post-header-line-1">
<div class="post-body">

e cole logo abaixo o código que você recortou antes. Deve ficar assim:

<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2> </b:if>
<p><data:post.body/></p>

Visualize e se tudo estiver ok, salve. Se não estiver correto, é só clicar em Limpar Edições e tentar novamente.

Faça o Download Do Te Ajudo "Di" Grátis Toolbar!Com ele você ficará a par de todas as atualizações do blog!
Assine nossos Feeds!

Você Gostou? Se a resposta foi sim, Então Comente!

Te Ajudo "Di" Grátis

Tudo Freezaum

Contador Technorati

2008-01-28T11:03:00.000-08:00

Para colocar um "contador" de Authority do Technorati no seu blog, copie esse código:
E substitua onde esta: URL DO SEU BLOG AQUI pelo link do seu blog! Não esqueça o http://

Depois faça login no seu blog, entre em Layout -> Modelo -> Elementos da página.
Clique em "Adicionar um elemento de página", escolha HTML/Java Script e cole o código lá.

Salve e pronto! ;D
abraços

Faça o Download Do Te Ajudo "Di" Grátis Toolbar!Com ele você ficará a par de todas as atualizações do blog!
Assine nossos Feeds!

Você Gostou? Se a resposta foi sim, Então Comente!

Te Ajudo "Di" Grátis

Tudo Freezaum

Criar botão pequeno

2008-01-28T10:44:00.000-08:00

Divulgar seu Blog é importante.
Por isto a maioria dos Blogs tem um banner ou um pequeno botão e os blogueiros saem pela blogosfera trocando parcerias.
Para criar um botão clique aqui
Depois faça o upload dele no site ImageShack

Faça o Download Do Te Ajudo "Di" Grátis Toolbar!Com ele você ficará a par de todas as atualizações do blog!
Assine nossos Feeds!

Você Gostou? Se a resposta foi sim, Então Comente!

Te Ajudo "Di" Grátis

Tudo Freezaum

Alterar a aparência das colunas

2008-01-28T10:43:00.001-08:00

Para fazer alterações de bordas e planos de fundo nas colunas do template, procure no código do mesmo:

#main-wrapper {
background-color:#FFFFFF;
border: 2px solid $bordercolor;
margin-left: 0px;
width: 400px;
float: left;
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 */
}

#sidebar-wrapper {
background-color:#FFFFFF;
border: 2px solid $bordercolor;
margin-right: 0px;
width: 165px;
float: right;
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 */
}

Onde #main-wrapper é a coluna de postagem e #sidebar-wrapper a do perfil.
Se você deseja colocar uma cor como plano de fundo da coluna use background-color: e o código da cor. Se deseja uma imagem, coloque background: url(endereço da imagem) repeat;

Em border você estabelecerá, como vimos em Header a largura, cor e textura da borda. Aqui valem os mesmos procedimentos. Se você deseja colocar borda somente no topo e em uma das laterais, por exemplo, é só colocar:
border-top: 1px solid #00000; (largura em pixels e cor, somente como exemplos)
border-left: 1px solid #000000;
Assim a coluna terá borda somente no topo e do lado esquerdo. Se deseja borda em toda volta da coluna é só colocar:
border: 1px solid #000000; (sem precisar estabelecer onde a borda deve aparecer.)
Width estabelece a largura da coluna.

Faça o Download Do Te Ajudo "Di" Grátis Toolbar!Com ele você ficará a par de todas as atualizações do blog!
Assine nossos Feeds!

Você Gostou? Se a resposta foi sim, Então Comente!

Te Ajudo "Di" Grátis

Tudo Freezaum

Adicione aos Favoritos para Blogger

2008-01-28T09:24:00.000-08:00

Esse novo adicione aos favoritos fica em cada post, um botão dropdown, como o que esse blog possue.

Primeiro acesse o site:

http://www.addthis.com/

Agora clique em:

Get Your Buttom

Depois siga essa intruções:

Após isso, Copie todo o código da caixa New Drop-down e cole em seu HTML, de preferência depois da linha:

<div class='post-footer'>

OBS.: Para encontrar essa Linha, marque a opção "Expandir Modelos Widgets".

Visualize pra ver se esta tudo certo, caso estiver salve.

Faça o Download Do Te Ajudo "Di" Grátis Toolbar!Com ele você ficará a par de todas as atualizações do blog!
Assine nossos Feeds!

Você Gostou? Se a resposta foi sim, Então Comente!

Te Ajudo "Di" Grátis

Tudo Freezaum

Bloquear cópia de imagem!

2008-01-28T04:39:00.000-08:00

Claro que qualquer um pode dar um print screen e salvar uma imagem, ou usar qualquer outro recurso para isso, por que existem muitos. Mas, para travar o botão direito do mouse e impedir que se salve uma imagem da maneira mais simples é só adicionar este código ao endereço da imagem:

oncontextmenu="return false"

Ficando assim:

<img src="endereço da imagem" oncontextmenu="return false">

Faça o Download Do Te Ajudo "Di" Grátis Toolbar!Com ele você ficará a par de todas as atualizações do blog!
Assine nossos Feeds!

Você Gostou? Se a resposta foi sim, Então Comente!

Te Ajudo "Di" Grátis

Tudo Freezaum

Widget muito legal Classificação de estrelas nos posts do seu blog

2008-01-27T10:30:00.000-08:00

Estava navegando pela net quando encontrei este widget muito legal,ele permite aos visitantes dar uma nota de 1 a 5 para os posts do blog, Basta um clique para que o usuário possa manifestar a sua opinião sobre a postagem,esta ferramenta funciona no blogger antigo, no novo blogger e também no wordpress.

Para cadastrar-se clique aqui

1° Preencha os campos:

username:seu nome se usuário
Password:sua senha
repeat password:Repita a senha
email:digite um e-mail válido
Enter numbers:Coloque os números que aparecem na imagem

clique em register

2°Em seguida escolha uma imagem para o seu avatar.
Para quem usa o novo blogger como nós copie o código da janela new blogger.
Va até editar HTML e marque a caixa expandir modelos de Widget

Localize a frase div class='post-footer (use ctrl+f para fica mais fácil) cole o código logo abaixo da frase e clique em salvar.

Para que o widget fique no início da postagem cole o código abaixo desta frase
div class='post-body

Faça o Download Do Te Ajudo "Di" Grátis Toolbar!Com ele você ficará a par de todas as atualizações do blog!
Assine nossos Feeds!

Você Gostou? Se a resposta foi sim, Então Comente!

Te Ajudo "Di" Grátis

Tudo Freezaum

Participe do Te Ajudo "Di" Grátis

2008-01-27T10:09:00.000-08:00

Se você tem alguma dica sobre blogs compartilhe envie para nós que ela poderá ser publicada no blogtools, junto com a dica enviada será colocado um link do seu blog dizendo que aquela dica foi enviada por você, portanto quando mandar não esqueça de colocar também o link do seu blog,Contamos com a sua contribuição para continuarmos a ajudar a blogosfera a crecer cada dia mais.

Contato com o blogtools pelo email: alisonzinhu@hotmail.com

Você também pode ser convidado a participar das postagems!

Faça o Download Do Te Ajudo "Di" Grátis Toolbar!Com ele você ficará a par de todas as atualizações do blog!
Assine nossos Feeds!

Você Gostou? Se a resposta foi sim, Então Comente!

Te Ajudo "Di" Grátis

Tudo Freezaum

Tirar o "Assinar: Postagens (Atom)" do Blogger

2008-01-27T05:55:00.000-08:00

Se você quiser tirar o "Assinar: Postagens (Atom)" que fica no fim do seu template é facil!

Faça login do blogger -> Layout -> Modelo -> Editar HTML.

Procure (Ctrl + F) o código: ]]></b:skin>

Cole o seguinte código antes dele:

.feed-links {

height:0px;
visibility:hidden;
display:none
}

Teste, se tiver correto salve.

Faça o Download Do Te Ajudo "Di" Grátis Toolbar!Com ele você ficará a par de todas as atualizações do blog!
Assine nossos Feeds!

Você Gostou? Se a resposta foi sim, Então Comente!

Te Ajudo "Di" Grátis

Tudo Freezaum

Blogblogs o maior site de indexação de blogs do Brasil

2008-01-26T15:34:00.000-08:00

Faça parte da maior comunidade de blogueiros do Brasil o blogblogs:

O BlogBlogs é um serviço gratuito de indexação e busca de blogs (fotologs, videologs, videocasts, podcasts e qualquer outro conteúdo disponível via algum tipo de feed). No BlogBlogs você pode divulgar o seu blog e aprender mais sobre a blogosfera, além de conhecer outros blogueiros, troque experiências faça amigos cadastre-se e amplie os horizontes para seu blog.

Faça o Download Do Te Ajudo "Di" Grátis Toolbar!Com ele você ficará a par de todas as atualizações do blog!
Assine nossos Feeds!

Você Gostou? Se a resposta foi sim, Então Comente!

Te Ajudo "Di" Grátis

Tudo Freezaum

e-referrer Saiba de onde estão vindo os visitantes do seu blog

2008-01-26T15:08:00.000-08:00

O e-referrer e uma ferramenta que mostra a origem dos visitantes do seu blog,ele informa a quantidade de visitas que um determinado site lhe enviou, essa ferramenta e muito útil para determinar a posição dos banner de sites e blogs que você fez parceria.

para cadastrar-se clique aqui

Role a página ate em baixo e clique em sign up now

Preencha os campos

name:Seu nome
user name :seu nome de usuário
e-mail:digite um email valido
password:sua senha
confirm password Confirme sua senha

Clique em SUBMIT

Após esta etapa vai aparecer uma mensagem dizendo que sua conta foi ativada clique em "click here"

Na página seguinte clique em Generate Code copie o código e insira no seu blog (adicionar elemento a página HTML/java script)

Assine nossos Feeds!

Você Gostou? Se a resposta foi sim, Então Comente!

Te Ajudo "Di" Grátis

Tudo Freezaum

Faça uma Janela Pop-up

2008-01-26T11:51:00.000-08:00

Para abrir uma janela do tamanho que deseja estilo pop-up, que só abre apos clicar no link, basta seguir o tutorial:
Crie um pagina com o que deseja (Propaganda, Contato, Chat, etc.)

Depois você usa o código:

<a href="#" onclick="window.open('URLDOBLOG', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');">Nome que deseja</a>

Substitui as partes:

URLDOBLOG - Link da pagina pop-up (Não esqueça o http://)
Nome que deseja - Nome da pagina para abrir o pop-up
WIDTH - O tamanho em PX de largura
HEIGHT - O tamanho em PX de altura

Assine nossos Feeds!

Você Gostou? Se a resposta foi sim, Então Comente!

Te Ajudo "Di" Grátis

Tudo Freezaum

Texto Deslizante no seu blog!

2008-01-26T11:48:00.000-08:00

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>

RESULTADO

Você Gostou? Se a resposta foi sim, Então Comente!

Te Ajudo "Di" Grátis

Tudo Freezaum

Colocar (inserir) ultimos Comentários no seu blog!

2008-01-26T11:44:00.000-08:00

Para inserir os últimos comentários do seu blog na barra lateral, basta escolher um elemento de página, escolher FEED e colocar o seguinte link:

http://Seublog.blogspot.com/feeds/comments/default

Substituindo "Seublog" pelo link do seu blog.

Você Gostou? Se a resposta foi sim, Então Comente!

Te Ajudo "Di" Grátis

Tudo Freezaum

Formulários de contato para seu blog!

2008-01-26T11:34:00.000-08:00

Prá quem gosta de interagir com seus leitores existem duas ferramentas bem legais presentes em diversos blogs.
Uma é a caixinha CBOX.
Com ela os visitantes do seu blog podem lhe mandar mensagens e você também pode responder, semelhante a um chat.
Também é possível bloquear spammers e engraçadinhos de plantão.
Muito útil!

O Outro é o Formulário Pro.
Com ele é possível inserir um formulário de contato.
É gratuito.
Basta entrar no site e colocar seu nome, e-mail e o endereço do seu site/blog.
Não precisa nem se cadastrar.

Eu particularmente preferi usar uma imagem (ícone) com o link para o meu e-mail. É super fácil! Pegue seu ícone aqui por exemplo.
Depois utilize este código:

<a href="mailto:seu endereço de email"><br/><br/><img
src="ENDEREÇO DA IMAGEM"
/><br/><br/></a>

Espero que tenham gostado.

Você Gostou? Se a resposta foi sim, Então Comente!

Te Ajudo "Di" Grátis

Tudo Freezaum

Coloque um Tradutor para seu Blog

2008-01-26T11:21:00.000-08:00

Um tradutor simples e eficiente para o seu blog.
Testei do português para o espanhol e ficou perfeito.
Basta copiar este código e inserir nos elementos de página>html/javascript.
Não esqueçam de substituir SEUBLOG pelo endereço do seu.

<center><img
src="http://img176.imageshack.us/img176/6091/84056383at1.png"/></center>
<form id="translateForm"
action="http://www.worldlingo.com/S1790.5/translation"
target="_blank">
<input value="PT" name="wl_srclang" type="hidden"/>
<select style="font-size: 70%; width: 160px;"
name="wl_trglang">
<option value="EN"/>Português - Inglês
<option value="FR"/>Português -
Francês
<option value="DE"/>Português -
Alemão
<option value="IT"/>Português - Italiano
<option value="PT"/>Português -
Português
<option value="RU"/>Português - Russo
<option value="ES"/>Português - Espanhol
</select>
<input value="http://SEUBLOG.blogspot.com/" name="wl_url"
type="hidden"/>
<input style="font-size: 70%; width: 50px;" value="Traduza"
type="submit"/>
</form>

Você Gostou? Se a resposta foi sim, Então Comente!

Te Ajudo "Di" Grátis

Tudo Freezaum

Teste a Velocidade do seu Ping, Download e upload!

2008-01-18T03:36:00.000-08:00

Te Ajudo "Di" Grátis

Tudo Freezaum

Colocar 1º Titulo da postagem depois nome do blog no Blogger!

2008-01-17T12:54:00.000-08:00

Você já deve ter notado que em quase todos os blog o nome do blog aparece por primeiro na barra la de cima, não é? então este Código faz que aparece primeiro o nome do post depois o nome do blog para melhorar para que os usuarios veja o que tem em cada pagina quando minimizada não apenas o nome do seu blog em todas! Então vamos lá:

1º Vá em Modelo - Editar Html

2º Segure Control + f para Procurar mais facilmente!

3º Procure por:

<title><data:blog.pageTitle/></title>

4º Agora Retire aquilo que você acabou de achar e troque por este logo abaixo:

<!-- Optimizacão do título do Blogger -->
<b:if cond='data:blog.pageType == "item"'>
<b:section id='titleTag'>
<b:widget id='Blog2' locked='false' title='Blog Posts' type='Blog'>

<b:includable id='comments' var='post'/>
<b:includable id='postQuickEdit' var='post'/>
<b:includable id='main' var='top'><title><b:loop values='data:posts' var='post'><b:include data='post' name='post'/></b:loop> : <data:blog.title/></title></b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'/>

<b:includable id='feedLinksBody' var='links'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='status-message'/>
<b:includable id='feedLinks'/>
<b:includable id='nextprev'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='post' var='post'><data:post.title/></b:includable>
</b:widget>

</b:section>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<!-- Termina título optimizado -->

Te Ajudo "Di" Grátis

Tudo Freezaum

Colocando a data abaixo do titulo do post

2008-01-16T10:13:00.000-08:00

Vou ensinar como colocar a data do post abaixo do titulo do mesmo.

Vá no html do seu template, marque Expandir Modelo de Widget e encontre este trecho (lembre de usar o Ctrl+F para localizar mais rápido):...

<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

O que vocês terão que fazer é deslocar este trecho para outro trecho mais acima. Selecione e recorte este trecho do código e depois encontre esta outra parte:

<div class="post-header-line-1">
<div class="post-body">

e cole logo abaixo o código que você recortou antes. Deve ficar assim:

<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2> </b:if>
<p><data:post.body/></p>

Visualize e se tudo estiver ok, salve. Se não estiver correto, é só clicar em Limpar Edições e tentar novamente.

Te Ajudo "Di" Grátis

Tudo Freezaum

Tooltips: Globos de informações em nossos links!

2008-01-16T07:40:00.000-08:00

Com este JavaScript você poderá colocar globos de informações ao passar o mouse em seus links!

Para colocar este Js em seu blog você precisa fazer o download deste arquivos aqui.
Dentro deste Zip virá:
- BubbleTooltips.js
- bt.css estilos
- bt.gif Imagem para o globo
Coloque os 3 arquivos online.Ex: Google pages, ou se for site coloque no seu host!
<head> Aqui </head> colocaremos o seguinte código:

<script type="text/javascript" src="BubbleTooltips.js"></script>
<script type="text/javascript">
window.onload=function(){enableTooltips(conteudo)};
</script>

O conteúdo do link é colocado assim:

<div id="contenedor">
...
O que vai estar dentro do globo!
...
</div>

E colocaremos assim o que deve aparecer:

<span class="tooltip">
<span class="top">Título do link</span>

<b class="bottom">URL do link</b>
</span>

Para personalizar a visualização do globo você deve editar o seu css assim: ( Se for Blogger, colocar dentro do <>!)

.tooltip,.tooltip *{display:block}

.tooltip{ width: 200px; color:#000;
 font:lighter 11px/1.3 Arial,sans-serif;
 text-decoration:none;text-align:center}

.tooltip span.top{padding: 30px 8px 0;
 background: url(bt.gif) no-repeat top}

.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
 background: url(bt.gif) no-repeat bottom}

Te Ajudo "Di" Grátis

Tudo Freezaum

Botões ou ícones sociais no novo Blogger

2008-01-16T04:23:00.000-08:00

Pelo código abaixo, você pode colocar botões sociais no novo Blogger (por exemplo, enéame, Technorati, Del.icio.us, Digg, Yahoo! , Fresqui y PromotingBlogs). São botões bonitos e tem a função de socializar seu blog. Então, faça o download do código aqui, vá ao Painel de Controle do novo Blogger, e em editar html, clique em expandir widgets, ache essa parte de código:...

E, logo acima dele, adicionar esse outro código:

Adicione: <a title=”Menéame” expr:href=’”http://meneame.net/submit.php?url=” + data:post.url + “&title=” + data:post.title’ target=’_blank’><img src=’http://img181.imageshack.us/img181/3083/meneamehm7.gif’/></a>
<a title=”Technorati” expr:href=’”http://www.technorati.com/search/”
+ data:post.url’ target=’_blank’><img src=’http://img45.imageshack.us/img45/5606/technoratiiy1.gif’/></a>
<a title=”Del.icio.us” expr:href=’”http://del.icio.us/post?url=” + data:post.url + “&title=” + data:post.title’ target=’_blank’><img src=’http://img50.imageshack.us/img50/9913/deliciogl4.gif’/></a>
<a title=”DiggIt!” expr:href=’”http://digg.com/submit?phase=2&url=” + data:post.url + “&title=” + data:post.title’ target=’_blank’><img src=’http://img50.imageshack.us/img50/300/diggjf4.gif’/></a>
<a title=”Yahoo!” expr:href=’”http://myweb2.search.yahoo.com/myresults/bookmarklet?url” + data:post.url + “&title=” + data:post.title’ target=’_blank’><img src=’http://img50.imageshack.us/img50/163/yahooab9.gif’/></a>
<a title=”Fresqui” expr:href=’”http://tec.fresqui.com/post?url=” + data:post.url + “&title=” + data:post.title’ target=’_blank’><img src=’http://img45.imageshack.us/img45/5397/fresquisr8.gif’/></a>
<a title=”PromotingBlogs” expr:href=’”http://promotingblogs.com/submit.php?url=” + data:post.url + “&title=” + data:post.title’ target=’_blank’><img src=’http://img261.imageshack.us/img261/5318/pb16×16it8.png’/></a>

One está escrito Adicione, você pode alterar a gosto, assim como os próprios botões…

Te Ajudo "Di" Grátis

Tudo Freezaum

Coloque um botão Imprimir Página em JavaScript

2008-01-15T14:18:00.000-08:00

Para dar a comodidade, de seu usuario poder imprimir sua página faremos o seguinte:

Dentro do < head >Aqui < / head >Colocaremos:

<script language="Javascript">

function imprimir() {
if (window.print)
window.print()
else
alert("Para imprimir pressione Crtl+P.");
}

</script>

Este Script é aceito por vários Navegadores!
Agora para Colocar o Link de Imprimir você deve colocar dentro de aqui(Se for Blogger pode por em um menu!)

<a href="javascript:imprimir()">Imprimir</a>

Acabou, Agora é só salvar!

Te Ajudo "Di" Grátis

Tudo Freezaum

Notícias do Big Brother Brasil no Seu Blog - Confira

2008-01-15T10:25:00.000-08:00

tudofreezaum.blogspot.com

Te Ajudo "Di" Grátis

Coloque as Melhores Frases Rotativas que existem no seu Blog!

2008-01-15T10:03:00.000-08:00

Te Ajudo "Di" Grátis

Coloque uma Pesquisa no Blogger!

2008-01-14T11:42:00.000-08:00

Para colocar a pesquisa no seu blog, Clique no botão!

Te Ajudo "Di" Grátis

Como adicionar "Postagens aleatórias" ao seu blog

2008-01-13T10:52:00.000-08:00

Cria um link para um post aleatório no seu blog.
Feeds devem estar activadas.

Nome que deve ficar:

Agora clique no botão "add ao blogger". Pode mudar o título do widget ou deixá-lo em branco se preferir.

teajudodigratis.blogspot.com

Dicas Rádio Jovem Pan

2008-01-11T10:46:00.001-08:00

Rádio Jovem Pan

<iframe
src="http://www.thematrixx.oi.com.br/ap/jp/jp2.html" width="170"
scrolling="no" height="54" frameborder="0">

teajudodigratis.blogspot.com

Dicas Gerador de Selo para E-mail

2008-01-11T10:31:00.000-08:00

Gerador de Selo para E-mail

Link do site

teajudodigratis.blogspot.com

Colocar html em postagens

2008-01-11T10:07:00.003-08:00

Para inserir um código HTML na sua postagem, sem que o blogger o converta, a fim de permitir que os leitores o copiem, basta usar um editor HTML.
Eu baixei um portátil(não precisa instalar), de código aberto (gratuito), chamado NVU Portable
Pegue o código que você deseja publicar, cole na aba normal(fig 01). Depois clique na aba source, copie o que aparece(fig02) e cole no seu post utilizando o editar html do Blogger.
Figura 01

Figura 02

teajudodigratis.blogspot.com

BlogBlogs

2008-01-11T10:07:00.002-08:00

Quer divulgar seu blog?
Além das parcerias com outros blogueiros (trocando banners e links) é interessante cadastrar seu blog em algum site de indexação. No Brasil o mais conhecido é o BlogBlogs.

A partir deste cadastro seu blog aparecerá nos sites de busca com maior frequência bem como será visualizado pelos membros do site.

teajudodigratis.blogspot.com

Dicas Texto Riscado

2008-01-11T10:07:00.001-08:00

Texto Riscado

<strike> Texto Aqui</strike>
Fica Assim:
~~Texto aqui~~

teajudodigratis.blogspot.com

Dicas Quebra de Linha

2008-01-11T10:07:00.000-08:00

Quebra de Linha

<br>elemento<br>elemento
Fika assim:

elemento

elemento

teajudodigratis.blogspot.com

Dicas (Centro)

2008-01-11T10:04:00.000-08:00

Centralizar Elemento

<div align="center">CÓDIGO DO
ELEMENTO</div>
Ou apenas:
<center>Código ou texto</center>

teajudodigratis.blogspot.com

Inserir Ultimos Comentários no seu blog!

2008-01-11T08:25:00.000-08:00

Para Inserir os Cometários em um menu é muito fácil, sabe em alguns blogs está escrito Comentários, Comentários + Recentesou atá Ultimos Comentários, então...

exatamente isso para colocar basta escolher um elemento de Página, e escolher FEED e colocar o Seguinte link:

http://link do seu blog aqui.blogspot.com/feeds/comments/default

Substituindo "link do seu blog aqui " pelo link do seu blog.

teajudodigratis.blogspot.com

Como tirar os números ao lado das categorias do novo blogger

2008-01-10T13:12:00.000-08:00

Por padrão, o sistema de blog do novo blogger, adiciona números ao lado de suas categorias, labels, etiquetas ou marcadores. Assim, toda vez que você publica um post, de acordo com a categoria a que ele pertence, o Blogger atualiza esse número. Mas, prá variar, tem como você retirar os números do seu template. Lembre-se, antes de fazer qualquer alteração no seu tema, se você não tem muita experiência, baixe e salve uma cópia dele no seu pc no bloco de notas (Notepad). Daí, se ocorrer alguma coisa, você pode subir o tema de novo e reinstalar.

Para retirar os números basta que você entre no painel de controle do seu blog no Blogger, vá em Layout > Editar Html, clique em ‘expandir widgets‘ e ache essa parte do código:

<div id=’newsidebar-wrapper’>

<b:section class=’newsidebar’ id=’newsidebar’ preferred=’yes’>
<b:widget id=’Label1′ locked=’false’ title=’Categorias‘ type=’Label’>
<b:includable id=’main’>
<b:if cond=’data:title’>
<h2><data:title/></h2>
</b:if>
<div class=’widget-content’>
<ul>
<b:loop values=’data:labels’ var=’label’>
<li>
<b:if cond=’data:blog.url == data:label.url’>
<data:label.name/>
<b:else/>
<a expr:href=’data:label.url’><data:label.name/></a>
</b:if>
(<data:label.count/>) ***Apague essa linha***
</li>
</b:loop>
</ul>

Após achar o código acima, busque pela tag (<data:label.count/>) e apague a mesma. Visualize seu tema, você vai ver que os números ao lado da label/categoria/etiquetas ou marcadores sumiu! Então, se ok, salve seu template.

teajudodigratis.blogspot.com

Como Colocar o Título do Post no Título da Página - Novo Blogger

2008-01-10T13:06:00.000-08:00

Se o seu blog mostra sempre o título do blog em todas as páginas, e você quer que apareçam os títulos dos posts nas páginas de postagem (página do post), só precisa mudar uma linha de código.

É muito fácil. Entre na sua conta no Blogger, e vá até “Editar HTML”: Procure esta parte do seu código (está logo no começo):

<head>

<base target=’_blank’/>

<b:include data=’blog’ name=’all-head-content’/>

<title>(título do seu blog)</title>

<b:skin><![CDATA[/*

E substitua - o título do blog - por este código: <data:blog.pageTitle/>

O resultado deve ficar assim:

<head>

<base target=’_blank’/>

<b:include data=’blog’ name=’all-head-content’/>

<title><data:blog.pageTitle/></title>

<b:skin><![CDATA[/*

Lembre-se de visualizar antes de guardar as alterações, para se certificar de que está tudo certinho. Depois de visualizar, é só salvar, e pronto: título do post nas páginas de postagem.

Abraço e ate +!

teajudodigratis.blogspot.com

Ferramentas para dar uma encrementada em seu blog!

2008-01-10T11:26:00.000-08:00

Que tal você dar uma incrementada no seu blog? Conheça algumas ferramentas capazes de fazer isso.

Ai vai algumas Ferrwamentas que podem ser uteis:

Bookr:

Para Criar Segquencias de fotos nas suas postagens.

Browsershots:

Tira screenshots do seu layout em 21 Versões em 7 navegadores. A ferramenta é bastante completa, avaliando também outros fatores como: tamanho da tela, cor, e se seu site tem suporte para Java e Flash.

ClustrMaps:

Com este você fica sabendo de que lugar no mundo estão acessando seu blog!

Docstoc:

No Docstoc você encontra milhares de modelos de documentos e pode compartilhar os seus com os outros usuários. Muito bom!

Google Webmaster Tools:

Para saber se sua página foi indexada nos sites de busca e também para descobrir quais palavras levam os usuários ao seu blog.

Google Analytics:

É perfeito para saber as preferências de seus visitantes. Basta adicionar um trecho de código às páginas para gerar automaticamente estatísticas sobre os visitantes, como país de origem, site de origem deles, entre outras informações. O serviço ainda tem integração com os anúncios do Google, verificando o tipo de anúncio mais clicado pelos visitantes do site.

rollSense:

Sabe aquela lista de blogs indicados, comum na maioria dos blogs? O rollSense incrementa esse conceito. Em vez de apenas apontar links estáticos para outros blogs, você pode usar esse serviço para gerar uma lista dinâmica de notícias. Essa lista de notícias é gerada a partir do RSS dos blogs favoritos e, no fim, pode ser adicionada como um widget à barra lateral do seu blog. O serviço já traz pacotes de feeds prontos, mas o usuário pode acrescentar os seus.

SPA (Snap Preview Anywhere):

Uma forma de incrementar os links do seu blog é usar o serviço SPA (Snap Preview Anywhere). Sempre que o internauta passa o mouse sobre um link, o SPA mostra uma prévia do site vinculado a ele.

Se alguém quiser colocar mais ferramentas úteis para os Blogueiros, poste o Nome do programa, a descrição do programa e o link onde baixá-lo na parte de comentários deste post. Ate + Abraço!

teajudodigratis.blogspot.com

Image Reflection Generator

2008-01-07T12:36:00.000-08:00

Para criar o efeito de reflexo em suas imagens, basta ir ao site....

ReflectioMaker,subir uma imagem do seu computador (ou mesmo colocar o endereço de uma imagem), escolher o tamanho do reflexo e a cor de fundo (background).

teajudodigratis.blogspot.com

Ajude a Espalhar o TADG

2008-01-07T08:50:00.000-08:00

teajudodigratis.blogspot.com

Te Ajudo "Di" Grátis Toolbar

2008-01-07T07:47:00.000-08:00

O quê é um Toolbar???
Toolbar é uma barra de ferramentas que aparece no topo do seu navegador de Internet.
Com ele, você tem acesso a mecanismos de busca e outros serviços que podem ser incluidos segundo a sua preferência
O Te Ajudo "Di" Grátis Toolbar foi elaborado visando levar a você, visitante assíduo do nosso blog e da comunidade, maior praticidade e facilidade no acesso a todo conteúdo que nossa equipe disponibiliza

EXPLORANDO A BARRA
Abaixo será explicado todos os mecanismos inclusos no Tudo Freezaum Toolbar

► Tudo Freezaum
Mecanismo de opções: onde você poderá configurar seu Toolbar da forma que mais lhe agradar
Atualização: link para atualização do Toolbar
Indique para um amigo: link onde você poderá indicar para seu amigo o Te Ajudo "Di" Grátis Toolbar
Gadgets: adicione recursos a seu Toolbar, tais como: jogos, slides de fotos, calculadora, relógio, calendário, notícias, ferramentas...
Ajuda: obter ajuda sobre as principais dúvidas
Privacidade: ler a nossa política de privacidade
Home Page: ir para a página principal do blog
Sobre: visualize a versão do Toolbar que está usando
Contato: mande suas sugestões para que possamos sempre levar o melhor para vocês
Reflesh da Barra de Ferramentas: verificar as atualizações disponíveis
Limpar Histórico de Pesquisa: limpe a lista do histórico de pesquisa da barra de ferramentas
Expandir/Encolher a Barra de Ferramentas: adicione ou retire as etiquetas de texto
Opções da Barra de Ferramentas: configure seu Toolbar da forma que mais lhe agradar, adicionando ou removendo botões
______________________________________________________________

► CAMPO DE PESQUISA
Este campo possibilita a você escolher onde será feita sua busca:
Google - pesquisa avançada
Te Ajudo "Di" Grátis - pesquisar por determinado Script no blog Te Ajudo "Di" Grátis
Pesquisar este Site - Pesquisar o site de visualização atual
Dicionário - pesquisar o significado de alguma palavra no Babylon
Imagens - pesquisar por imagens
Ações - pesquisar por termos financeiros
Tempo - pesquisar a tempêratura em sua cidade
______________________________________________________________

►Links
Em Links Se encontra Varios Links Referentes Ao Do Te Ajudo "Di" Grátis
______________________________________________________________

► EMAIL
Receba alertas a leia seus emails de forma rápida e prática
______________________________________________________________

► TEMPO
Saiba a temperatura de momento e a previsão para os próximos dias em sua cidade
______________________________________________________________

► RÁDIO
Ouça a sua emissora de rádio favorita enquanto navega
Você terá opções não só de emissoras brasileiras, mas do mundo todo

Faça o Download Já!!! Download

teajudodigratis.blogspot.com

Núvem de marcadores no Blogger

2008-01-06T16:49:00.000-08:00

Diferente da organização estática por categorias, que precisam ser pré-cadastradas, as tags são mais dinâmicas e permitem o agrupamento de artigos por assunto conforme o blog vai sendo construído.

Mas como incluir uma núvem de marcadores (Label Clowd) na barra lateral do Blogger?

Na área de edição do HTML desmarque 'Expandir modelos de widgets', procure pela linha ]]></b:skin> e adicione logo acima dela o conteúdo abaixo:

/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}

Agora abaixo da linha ]]></b:skin> e antes da tag </head> adicione:

<script type='text/javascript'>
// Label Cloud User Variables
var lcBlogURL = 'http://YOURBLOG.blogspot.com';
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>

Insira o código abaixo entre as tags <div id='sidebar-wrapper'> e </div>:

<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>

<div class='widget-content'>
<div id='labelCloud'/>
<script type='text/javascript'>

// Não mude nada a partir desse ponto -----------------
function s(a,b,i,x){
if(a>b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}

var ta=0
var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = "<data:label.name/>";
ts[theName] = <data:label.count/>;
</b:loop>

for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
tz = labelCount.length-1;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
for (var i=0;3 > i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement('li');
li.style.fontSize = fs+'px';
li.style.lineHeight = '1';
a = document.createElement('a');
a.title = ts[t]+' Posts in '+t;
a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
a.href = lcBlogURL+'/search/label/'+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement('span');
span.innerHTML = '('+ts[t]+') ';
span.className = 'label-count';
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(' ');
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>

<noscript>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</noscript>
<b:include name='quickedit'/>
</div>

</b:includable>
</b:widget>

Visualize para testar, e se tudo correu bem salve.

teajudodigratis.blogspot.com

Posts - Artigos expandiveis para o Blogger [+/-]

2008-01-06T16:44:00.000-08:00

Neste post irei explicar como ter a possibilidade de ter posts expandiveis (AKA Peekaboo) no blogger. Desta forma podemos sintetizar/sumário acerca do que o post vai ser e dar a escolha ao leitor se quer ler mais, ao escolher ler mais o resto do post aparece tal como por magia.

Este post é um exemplo do que um post expandivel é, fiz um sumário acerca do que se trata, para instruções em como instalar no blogger clique em Ler mais...

2º- Na área de administração do seu blog clique em >>> MODELO >>> EDITAR HTML

3º- Localize no código a secção </HEAD> e insira o código seguinte imediatamente antes dessa secção.

<b:if cond='data:blog.pageType != "item"'>
<script type="text/javascript">

var fade = false;
function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Appear(spans[i]);
} else spans[i].style.display = 'inline';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'none';
if (spans[i].id == "hidelink")
spans[i].style.display = 'inline';
}
}

function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Fade(spans[i]);
} else spans[i].style.display = 'none';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'inline';
if (spans[i].id == "hidelink")
spans[i].style.display = 'none';
}
post.scrollIntoView(true);
}

function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
spans[i].style.display = 'none';
found = 1;
}
if ((spans[i].id == "showlink") && (found == 0))
spans[i].style.display = 'none';
}
}

</script>
</b:if>

4º- Localize a seguinte secção no código e insira o código a vermelho, depois de inserir o código gravam o modelo

<b:includable id='post' var='post'>
<div class='post uncustomized-post-template' expr:id='"post-" + data:post.id'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>

<div class='post-header-line-1'/>

<div class='post-body'>

<b:if cond='data:blog.pageType == "item"'>

<p><data:post.body/></p>

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a href='javascript:void(0);' expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"'>Ler mais...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a href='javascript:void(0);' expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"'>Voltar...</a></p>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>

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

5º- Na área de administração cliquem em DEFINIÇÕES >>> FORMATAÇÃO >>> andam para o fundo da página e na caixa MODELO DE MENSAGEM insiram o seguinte código e de seguida clicam na opção GUARDAR DEFINIÇÕES

Escreva aqui o seu sumário
<span id="fullpost">
Escreva aqui o resto do post
</span>

6º- Agora ao escrever um post notará que aparece as seguinte frases por pré-definição:

Escreva aqui o seu sumário

Escreva aqui o resto do post

Basta substituír estas 2 frases pelo texto adequado e publicar, se não deseja ter este efeito em todos os posts, clique em EDITAR HTML na caixa que aparece quando cria um post e apague o código que foi inserido no passo 5.

teajudodigratis.blogspot.com

Gerar um botão que ao ser clicado apresenta uma cor.

2008-01-06T16:39:00.003-08:00

Descrição:
O código gera um botão que ao ser clicado apresenta uma cor.

<input type=reset value=vermelho onClick="document.bgColor='red'; return true">
<input type=reset value=verde onClick="document.bgColor='green'; return true">

teajudodigratis.blogspot.com

Gerar um botão que ao ser clicado apresenta uma mensagem.

2008-01-06T16:39:00.002-08:00

Descrição:
O código gera um botão que ao ser clicado apresenta uma mensagem.

<input type="button" value="mensagem" onClick="alert(value)">

teajudodigratis.blogspot.com

Exibir uma mensagem antes de entrar no link.

2008-01-06T16:39:00.001-08:00

Descrição:
O código exibe uma mensagem antes de entrar no link.

<A HREF="paginadois.html" onClick="alert('mensagem antes de entrar no link')">link</A>

teajudodigratis.blogspot.com

Gerar um botão link.

2008-01-06T16:39:00.000-08:00

Descrição:
O código gera um botão link.

<input type="button" value="botão link" name="button" onClick="window.location='paginadois.html'">

teajudodigratis.blogspot.com

O código gera uma mensagem ao colocar o mouse em cima do link.

2008-01-06T16:38:00.000-08:00

Descrição:
O código gera uma mensagem ao colocar o mouse em cima do link.

<a href="javascript:ShowPage" title="A sua mensagem apareçe aqui.">passe o mouse aqui para testar</a>

teajudodigratis.blogspot.com

Código que gera uma caixa para senha!

2008-01-06T16:35:00.000-08:00

Descrição:
O código gera uma caixa para senha.

<input type=password name=pwd size=8 maxlength=8>

teajudodigratis.blogspot.com

O código gera um pequeno texto com fundo, ou um link.

2008-01-06T16:31:00.000-08:00

Descrição:
O código gera um pequeno texto com fundo, ou um link.

<span style="background-color: #1E90FF"><font color="#ffffff" size="1" face="Verdana">SEU TEXTO COM FUNDO</span>

<a href="paginadois.html"><span style="background-color: #1E90FF"><font color="#ffffff" size="1" face="Verdana">SEU LINK COM FUNDO</span></a>

teajudodigratis.blogspot.com

Sublinhando links!

2008-01-06T16:30:00.000-08:00

Descrição:
SUBLINHANDO OS LINKS

<style>

</style>

Para que os links fiquem sem sublinhados mantenha o none
Para que os links fiquem sublinhados em cima troque none por overline
Para que os links fiquem sublinhados em baixo troque none por underline
Para que os links fiquem sublinhados em cima e em baixo troque none por underline overline

teajudodigratis.blogspot.com

Link para imprimir a página!

2008-01-06T16:12:00.000-08:00

Descrição:
link para imprimir a página atual.

<a href='javascript:;' onClick='window.print();return false'>imprimir</a>

teajudodigratis.blogspot.com

link e botão para fechar a janela.

2008-01-06T16:05:00.000-08:00

Descrição:
link e botão para fechar a janela.

<a href="javascript:window.close();">fechar</a>
<input type=button value="fechar a janela" onClick="javascript:window.close();">

teajudodigratis.blogspot.com

Links para Ligar 2 pontos ao mesmo documento!

2008-01-06T15:59:00.000-08:00

Descrição:
(palavra chave) é a palavra que você vai ultilizar no documento para que o link ao ser clicado a encontre.

Esses tipos de link servem para ligar dois pontos no mesmo documento.

<a href="#palavrachave">se você clicar aqui</a>
<a name="palavrachave">vem para aqui</a>

teajudodigratis.blogspot.com

Com esse script ao clicar em e-mail será direcionado para o programa de envio de e-mail!

2008-01-06T15:53:00.000-08:00

Descrição:
Com esse script ao clicar em e-mail será direcionado para o programa de envio de e-mail (Ex.: Outlook Express), e em assunto estará escrito mensagem.

<a class=linkverm href="mailto:seu_e-mail@ig.com.br?subject=mensagem">e-mail</a>

teajudodigratis.blogspot.com

Com esse script ao passar o mouse você muda a cor da página.

2008-01-06T15:50:00.000-08:00

Descrição:
Com esse script ao passar o mouse você muda a cor da página.

<a href="pagina.html"
onmouseover="document.bgColor='green'">verde</a>
<a href="pagina.html"
onmouseover="document.bgColor='gold'">ouro</a>

teajudodigratis.blogspot.com

Passa o mouse em cima do link aparece uma mensagem na barra de status!

2008-01-06T15:35:00.000-08:00

Descrição:
Com esse script ao passar o mouse sobre o link apareçe uma mensagem na barra de status.

<a href="suapagina.html" onMouseOver="window.status='sua mensagem aqui'; return true">link</a>

teajudodigratis.blogspot.com

Enviar artigo por e-mail no Blogger (O icone sumiu)

2008-01-06T15:30:00.000-08:00

O icone sumiu mas agora para mudar a imagem para voltar a aparecer mas com a imagem que você quer localize esse trecho no seu editar html..


<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<span class='email-post-icon'> </span>
</a>
</span>
</b:if>

Substitua a linha em vermelho acima, pela linha em azul do trecho abaixo, adaptando o endereço da sua imagem e pronto!


<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img src='CAMINHO_DA_SUA_IMAGEM/Mail.png'/>
</a>
</span>
</b:if>

E fim!

teajudodigratis.blogspot.com

Ícones de navegação no Blogger

2008-01-06T11:14:00.000-08:00

Eu já avia procurado muito por "mudar o postagens mais antigas para próxima página" ou outras coisas parecidas mas nunca avia encontrado, mas agora consegui!
É muito fácil substituir os links texto de navegação, que localizam-se normalmente no rodapé das páginas de postagem do Blogger, por ícones, muito mais intuitivos.

O primeiro passo é fazer o backup completo do seu template atual, para o caso de algo não dar certo. Na tela de edição HTML do seu template clique em Baixar modelo completo e salve o arquivo XML no seu computador.

Depois marque Expandir modelos de widgets, procure pelo trecho de código abaixo:

<b:includable id='nextprev'>
.....
</b:includable>

E substitua pelo seguinte código, adaptando os endereços das imagens:

<b:includable id='nextprev'>
<div id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<a expr:href='data:newerPageUrl' expr:title='data:newerPageTitle' id='blog-pager-newer-link'>

<img src='Imagem para esquerda '/></a>

</b:if>

<b:if cond='data:olderPageUrl'>
<a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'>

<img src='Imagem para Direita '/></a>

</b:if>
<a title='página inicial' class='home-link' expr:href='data:blog.homepageUrl'>

<img src='Imagem para inicio '/></a>

</div>
<div class='clear'/>
</b:includable>

Está pronto e o resultado pode ser conferido aqui no TADG.

teajudodigratis.blogspot.com

Teste do Curioso!

2008-01-06T10:59:00.000-08:00

Eu estava deita um pouco quando veio na minha cabeça um geito de testar para ver se a pessoa é curiosa! Vai ser um Sucesso!

Você é Curioso?

Repare-se que sim, você foi ler o resto!
shuahusauhsa, Brincadeira, abraço a todos um muito sucesso!
Até a Próxima!

teajudodigratis.blogspot.com

Faça suas postagens diretamente do Word!

2008-01-06T09:36:00.000-08:00

Você pode usar o Blogger direito no Microsoft Word. Basta baixar e instalar o Blogger para Word add-in e uma barra Blogger será adicionado ao Word permitindo a você:

* Publicar em seu blog!
* Salvar rascunhos
* Editar postagens

Faça o Download http://buzz.blogger.com/bloggerforword.html

teajudodigratis.blogspot.com

Lista de Participantes do BBB8 - Começou a divulgação na Globo

2008-01-05T10:34:00.000-08:00

ALEXANDRE

BIANCA

FERNANDO

GYSELLE

GUSTAVO

JAQUELINE

JULIANA

MARCELO

MARCOS

LUIZ FELIPE

NATÁLIA

RAFAEL

THALITA

THATIANA

Veja abaixo as Fotos e o Perfil de cada um

ALEXANDRE

Idade: 24 anos
Profissão: Modelo
Ocupação atual: a mesma
Cidade: Limeira

BIANCA

Idade: 28 anos
Profissão: Produtora de moda
Ocupação atual: Produtora de moda e festas
Cidade: Rio de Janeiro

FERNANDO

Idade: 25 anos
Profissão: Gerente de contas
Ocupação atual: a mesma
Cidade: Rio de Janeiro

GREGOR

Idade: 34 anos
Profissão: Administrador de empresas
Ocupação atual: a mesma
Cidade: Araraquara

GYSELLE

Idade: 23 anos
Profissão: Estudante
Ocupação atual: a mesma
Cidade: Teresina

JAQUELINE

Idade: 23 anos
Profissão: Modelo e artista plástica
Ocupação atual: Modelo, artista plástica e vendedora
Cidade: São Paulo

JULIANA

Idade: 22 anos
Profissão: Jornalista
Ocupação atual: Modelo comercial
Cidade: Santos

MARCELO

Idade: 31 anos
Profissão: Psiquiatra
Ocupação atual: a mesma
Cidade: Presidente Prudente

MARCOS

Idade: 26 anos
Profissão: Técnico eletrotécnico
Ocupação atual: Estudante
Cidade: Vitória

LUIZ FELIPE

Idade: 20 anos
Profissão: Estudante
Ocupação atual: Estagiário
Cidade: São Paulo

NATALIA

Idade: 22 anos
Profissão: Modelo
Ocupação atual: Modelo fotográfico
Cidade: Passo Fundo

RAFAEL

Idade: 23 anos
Profissão: Estudante
Ocupação atual: a mesma (9º semestre de medicina)
Cidade: João Pessoa

THALITA

Idade: 29 anos
Profissão: Atriz
Ocupação atual: Atriz e bartender
Cidade: Rio de Janeiro

THATIANA

Idade: 21 anos
Profissão: Estudante
Ocupação atual: Professora de inglês
Cidade: Brasília

teajudodigratis.blogspot.com

Blogger Draft

2008-01-05T10:32:00.004-08:00

No Blogger Draft (blog onde se encontram os novos projetos do Blogger), você poderá conhecer e testar widgets (ou Elementos de Página) que o Google pretende incorporar no futuro. Para ter acesso, faça o login através da página draft.blogger.com, clique em Modelo, Adicionar Elemento de Página e confira as novidades.

teajudodigratis.blogspot.com

Blog Creator

2008-01-05T10:32:00.003-08:00

O Blog Creator é um programa super leve que cria templates para vários sistemas de blogs, como o Uol, Viabblog, Blogger (Modelo Clássico), etc. Eu já conhecia este programa à algum tempo (quando tinha blog no Weblogger usei ele para fazer uns templates), mas a novidade agora é que é possível criar templates para o Novo Blogger também. Visite o site da Motekuri para obter mais informações ( contudo, o programa traz um manual de instruções). Eu testei: é muito bom para obter rapidamente o código de um template personalizado (ou mesmo um trecho dele) porém, para ficar realmente bom, muita coisa deve ser alterada na unha (o programa não traz muitas opções no painel), o que requer algum conhecimento de css/html.

Fica a dica.

teajudodigratis.blogspot.com

2008-01-05T10:32:00.002-08:00

Para retirar este link padrão do Blogger que fica sob as postagens, procure no código do seu template este trecho (clique em Expandir Modelo de Widget) :


<b:include name='feedLinks'/>
</b:includable>
</b:widget>
</b:section>
</div>>

Basta apagar o que está em negrito.

teajudodigratis.blogspot.com

Retirando borda das imagens

2008-01-05T10:32:00.001-08:00

O Alex levantou a questão, então vou postar para todos: por padrão, os templates do Blogger vem com borda nas imagens (e como faço meus templates modificando o Mínima do Blogger, meus templates, na maioria também tem), o que não agrada à todos. Para retirar a borda das imagens, procure este trecho do código:

.post img {
padding:2px;
border:1px solid $bordercolor;
}

E apague o que está em negrito. Você também pode modificar esta borda, por exemplo, alterando a largura dela ou seu tipo.

Recapitulando os tipos de borda:

dotted: borda pontilhada

dashed: borda tracejada

solid: borda contínua

double: borda dupla

groove: borda entalhada

ridge: borda em ressalto

inset: borda em baixo relevo

outset: borda em alto relevo

É isso.

teajudodigratis.blogspot.com

Colocando Adsense sob o menu ou header

2008-01-05T10:14:00.000-08:00

Para colocar anúncio do Adsense sob o menu horizontal, como fiz aqui no blog, vá ao site do Adsense, gere o código do anúncio e copie. Vá ao HTML do seu template (não é necessário clicar em Expandir Modelo de Widget) e cole logo abaixo do código do menu (na parte do HTML do código, ou seja, onde você coloca os links no menu). Se você não usa menu no seu blog mas quer inserir o anúncio logo abaixo da imagem do topo, é só colar o anúncio sob a tag header, ou seja:

cole o código do anúncio abaixo de :

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'/>
</div>

Importante!
Não se esqueça de seguir os passos deste tutorial para que os anúncios apareçam corretamente.

Visualize. Se estiver tudo ok, salve as modificações.
É isso.

teajudodigratis.blogspot.com

Código JavaStript para desabilitar o botão direito do mouse e o teclado

2008-01-02T05:12:00.000-08:00

Código JavaStript para desabilitar o botão direito do mouse e o teclado :

<script language=”JavaScript”>
<!–
function SymError()
{
return true;
}
window.onerror = SymError;
//–>
</script>
<script language=”JavaScript”>
function click() {
if (event.button==2) {
alert(’Botão Direito do Mouse Desabilitado’);
}
}
function keypresed() {
alert(’Teclado Desabilitado’);
}
document.onkeydown=keypresed;
document.onmousedown=click;
</script>

teajudodigratis.blogspot.com

Desabilitar Botão direito do mouse completamente!

2008-01-02T05:10:00.000-08:00

teajudodigratis.blogspot.com

Carregar página ao passar o mouse!

2008-01-02T05:08:00.000-08:00

Com esse script a página é carregada ao passar o mouse em link.

teajudodigratis.blogspot.com

Redirecionando em ... segundos!

2008-01-02T04:56:00.000-08:00

Com esse script a página é trocada pela página colocada em url=" ", para ter mais tempo basta trocar o 5 por mais segundos. Ex.: 10 segundos, 120 segundos = 2 minutos, etc...

teajudodigratis.blogspot.com

Surge uma mensagem ao clicar no link antes de entrar no site

2008-01-02T04:55:00.000-08:00

teajudodigratis.blogspot.com

Ao passar o mouse surge uma mensagem

2008-01-02T04:54:00.000-08:00

teajudodigratis.blogspot.com

Mensagem que aparece quando a página é atualizada!

2008-01-02T04:41:00.000-08:00

teajudodigratis.blogspot.com

1º postagem de 2008 ( horário - 00:29 )

2007-12-31T18:29:00.000-08:00

Eaw gente Está é a primeira postagem de 2008 e ela vai servir para mim agradeçer a todos que visitam e visitaram este blog, muita paz, sucesso e amor a todos, abraço e um Feliz e própero ano novo!

Form de comentários abaixo do post no blogger? SIM! Igual ao Wordpress!

2007-12-31T12:04:00.000-08:00

Sabemos que para comentar no blogger/blogspot, o visitante é direcionado a uma nova página ou a um pop-up. Isso é um pouco ruim, a pop-up não é bem visualizada em alguns navegadores (no Firefox ela sempre aparece incompleta) e a nova página desestimula o comentário.

E nós, blogueiros, gostamos dos comentários não é mesmo? Eu gosto, apesar de nunca ter muito tempo para responder a todos.

Sabemos também que no WordPress, o formulário para comentários está logo ali, abaixo dos posts, facilitando a re-leitura do texto para que o visitante formule sua pergunta ou mesmo resposta ao post.

Muitos se perguntam: como ter um formulário de comentários no blogger, um formulário igual ao do WordPress? Será possível?

Sim! No novo blogger Agora é possível!

Por favor, FAÇA BACKUP DO TEU TEMPLATE antes de qualquer alteração.

Vá até a configuração do teu blogger, na aba Comentários, e se certifique de que a opção Mostrar comentários em uma janela pop-up esteja selecionada.

Grau de dificuldade: MÉDIO, desejável intimidade com html.

Preparado?

Então vamos começar:

1. Vá até seu Painel do blogger - > Aba MODELO - > Editar HTML;

2. marque a caixa Expandir modelos de Widgets;

3. Procure pelo código abaixo:

<b:includable id=’comments’ var=’post’><div class=’comments’ id=’comments’><a name=’comments’/><b:if cond=’data:post.allowComments’><h4><b:if cond=’data:post.numComments == 1′>1 <data:commentLabel/>:<b:else/><data:post.numComments/> <data:commentLabelPlural/>:</b:if></h4><dl id=’comments-block’><b:loop values=’data:post.comments’ var=’comment’><dt class=’comment-author’ expr:id=’”comment-” + data:comment.id’><a expr:name=’”comment-” + data:comment.id’/><b:if cond=’data:comment.authorUrl’><a expr:href=’data:comment.authorUrl’ rel=’nofollow’><data:comment.author/></a><b:else/><data:comment.author/></b:if><data:commentPostedByMsg/></dt><dd class=’comment-body’><b:if cond=’data:comment.isDeleted’><span class=’deleted-comment’><data:comment.body/></span><b:else/><p><data:comment.body/></p></b:if></dd><dd class=’comment-footer’><span class=’comment-timestamp’><a expr:href=’”#comment-” + data:comment.id’ title=’comment permalink’><data:comment.timestamp/></a><b:include data=’comment’ name=’commentDeleteIcon’/></span></dd></b:loop></dl><p class=’comment-footer’><a expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’><data:postCommentMsg/></a></p></b:if><div id=’backlinks-container’><div expr:id=’data:widget.instanceId + “_backlinks-container”‘><b:if cond=’data:post.showBacklinks’><b:include data=’post’ name=’backlinks’/></b:if></div></div></div></b:includable>

4. Substitua todo esse código pelo novo código a seguir:

http://tfetadg.googlepages.com/comentario_em_baixo_do_post.txt (clique em salvar destino(copiar link)como com o direito do mouse).

5. Copie todo o código HTML abaixo e cole acima da tag </body>. Normalmente é a penúltima linha no teu template. (Se o seu blog já é meio pesado, pode colocar antes da tag <body>):

<!– teajudodigratis.blogspot.com –><!– this to hide and show el –><script languange=’javascript’>function showcomment(a,b){var jackbookdotcom = document.getElementById(a);jackbookdotcom.style.display = ‘none’;jackbookdotcom = document.getElementById(b);jackbookdotcom.style.display = ‘block’;}</script><!– teajudodigratis.blogspot.com –>

6. Procure no teu template por esse código:

7. Substitua pelo código a seguir:

8. Depois de fazer o passo 7, diga obrigado prá mim

9. Agora clique em Salvar Modelo.

10. Olhe seu blog: agora, ele tem um sistema de comentários abaixo do post

Atenção!O blogger possui duas formas de comentários: abrindo em nova página e em pop-up. Para usar esse hack, precisa configurar seu blogger para comentários pop-up. É preciso ter atenção especial quanto a isso.

Com os comentários em pop-up, na página do post os comentários vão aparecer primeiro e lá embaixo aparecerá a caixa para comentar.

Com os comentários em página inteira, os comentários aparecerão à esquerda e a caixa de comentário ficará escondida à direita, e o visitante precisará rolar a barrinha para comentar.

De toda forma, você pode experimentar as duas formas e ver qual prefere.

Espero que gostem!

Coloque um Adicione aos Favoritos ao seu blog!

2007-12-31T11:53:00.000-08:00

Para colocar um adicione aos favoritos no seu blog faça o seguinte.

Coloque no lugar indicado o endereço do seu blog e o Titulo (nome).

<a href="javascript:window.sidebar.addPanel('TITULO DO BLOG','ENDEREÇO DO BLOG','')">
<img alt="Adicionar aos favoritos no Firefox" src="http://i12.tinypic.com/6aiv7mu.jpg"
border="0" height="19" width="20" />
</a>

Adicione aos Favoritos
<a onclick="window.external.AddFavorite('ENDEREÇO DO BLOG','TITULO DO BLOG');" href="ENDEREÇO DO BLOG/#">
<img alt="Para adicionar no IE clique Aqui" src="http://i18.tinypic.com/4uaeff7.jpg"
border="0" height="22" width="20" />
</a>

Depois cole o código em um elemento HTML no seu blog.

Ficará assim:

Adicione aos Favoritos

Formulário de Contato

2007-12-31T11:31:00.000-08:00

Para criar um formulário de contato para seu blog é fácil mais demora um pouco... rsrs
Mais ta ai:

1º - Entre no site: Contactify

2º - Crie sua conta inserindo seu email (o email que você deseja receber seus contatos) e uma senha). Um email de ativação é imediatamente enviado à essa conta; uma vez ativado, seu “link de contato” já pode ser usado.

3º - Anote o número "Link Number" que será gerado.

4º - Faça seu formulário de contato aqui: http://www.widgetbox.com/widget/contactify-widget-beta, preenchendo o formulário normalmente e onde está "Link Number" você coloca o número que ele gerou.
Onde está CSS você coloca o link dos códigos CSS que pode ser colocado para mudar a aparência, mais é opcional.

5º - Depois de termina tudo, clique em "Get Widget", adicione no seu blogger ou copie o código na primeira opção e cole onde quiser no seu blog ou site.

Pronto, teste para ver depois de pronto.
Abraços

Botão para mobilizar artigos do Blogger

2007-12-31T11:16:00.000-08:00

Agora vou mostrar como criar os botões links mobile e English Version (igual a esses logo abaixo do título mas eu tirei o mobile deixei apenas o English Version, para cada um dos artigos no Blogger / Blogspot.

Não estou mais usando os botões, pois ficou muito melhor sem eles!

Entre na área de edição HTML do template, marque a caixa Expandir modelos de widgets e procure a linha abaixo:

<div class='post-header-line-1'/>

Logo acima desta linha, cole o seguinte código:

<a expr:href='"http://64.233.179.104/translate_c?hl=pt-BR&langpair=pt%7Cen&u="+data:post.url' title='english version'>English Version </a> <a expr:href='"http://www.google.com/gwt/n?u="+data:post.url' title='versão mobile'>Mobile</a>

Salve e está pronto!

Promoção Ano novo, Blog novo!

2007-12-31T10:58:00.000-08:00

É muito fácil, Veja o regulamento abaixo:

1 - Crie um banner de cabeçalho para o Tudo Freezaum (meu outro blog) que esteja escrito Tudo Freezaum e o que mais você achar que combine, o banner mais criativo e bonito ganhará!

2 - Envie seu Banner de cabeçalho através de um comentário neste post.

3- Está Promoção irá até o dia 30 de Fevereiro de 2008, mas tem que ter no minímo 20 pessoas participando!

Envie agora mesmo seu banner!!! Comente!!!

Tudo Freezaum seu blog de Downloads!

AdSense no corpo do post do novo Blogger

2007-12-31T10:24:00.000-08:00

Para incorporar anúncios do AdSense no corpo dos posts na nova versão do Blogger (ex-beta) não é tão simples.

São necessárias algumas alterações no código do script do AdSense, para que seja possível sua inclusão, sem erros, no html do template.

Há uma discussão quanto a isso, pois o Google não permite alterações do script gerado, porém não estamos alterando o código, só adaptando para incorporação à estrutura XML do template.

São substituídos caracteres especiais, por exemplo: o sinal que abre as tags '<' é substituído por . Perceba que precisei criar uma imagem para expressar esses caracteres, pois renderizados em um browser eles mostram exatamente o caracter ao qual estão substituindo.

Então, quando for exibido o código fonte da página em questão, o script do AdSense estará intacto, como se nunca tivesse sido alterado.

Eu acabei não utilizando aqui no UC, pois o AdSense só permite três anúncios por página, assim as propagandas apareceriam apenas nas primeiras três postagens e ocultariam outras existentes nos rodapés, barras laterais, etc.

Vamos colocar a mão na massa, primeiramente é necessário gerar o script na página do AdSense para depois substituir os caracteres especiais. Mas não se preocupe, você não vai precisar fazer isso na mão, nessa página você insere o script e faz a conversão automática.

Na edição do HTML do template não esqueça de marcar a caixa 'Expandir modelos de widgets' e não esqueça de salvar uma cópia do seu template antes de fazer qualquer alteração.

Para colocar o Adsense entre o título do post e o conteúdo, insira o script convertido antes da tag <div class='post-body'>:

<div></div>
<div class='post-body'>

Para colocar o AdSense entre o conteúdo do post e os créditos, insira o script convertido antes da tag <div class='post-footer'>:

<div></div>
<div class='post-footer'>

Para colocar o Adsense depois dos créditos, entre um post e outro, insira o script convertido depois da tag <p class='post-footer-line post-footer-line-3'>:

<p class='post-footer-line post-footer-line-3'>
<div></div>

Traduza seu blog! ( Translate your blog! )

2007-12-31T10:16:00.000-08:00

Muitos visitantes vem de outros paises?

E vão embora rápido porque não entendem nada?

Deixe seu blog Multilingue, basta inserir esses links em um elemento html no seu blog.

Segue a lista de linguas mais comuns:

Inglês

<a href="http://www.worldlingo.com/S1790.5/translation?wl_srclang=PT&wl_trglang=en&wl_url=ENDEREÇO DO BLOG"><img src="http://i240.photobucket.com/albums/ff115/julianoss/aprendendoabloggar/uk.gif" title="English" border="0" height="25" hspace="2" vspace="2" width="25"></a>

Espanhol

<a href="http://www.worldlingo.com/S1790.5/translation?wl_srclang=PT&wl_trglang=es&wl_url=ENDEREÇO DO BLOG" title="Spaniard"><img src="http://i240.photobucket.com/albums/ff115/julianoss/aprendendoabloggar/es.gif" title="España" border="0" hspace="2" vspace="2"></a>

Francês

<a href="http://www.worldlingo.com/S1790.5/translation?wl_srclang=PT&wl_trglang=fr&wl_url=ENDEREÇO DO BLOG" title="Frenchman"><img src="http://i240.photobucket.com/albums/ff115/julianoss/aprendendoabloggar/fr.gif" title="France" border="0" hspace="2" vspace="2"></a>

Italiano

<a href="http://www.worldlingo.com/S1790.5/translation?wl_srclang=PT&wl_trglang=it&wl_url=ENDEREÇO DO BLOG" title="Italian"><img src="http://i240.photobucket.com/albums/ff115/julianoss/aprendendoabloggar/it.gif" title="L'Italia" border="0" hspace="2" vspace="2"></a>

Alemão

<a href="http://www.worldlingo.com/S1790.5/translation?wl_srclang=PT&wl_trglang=de&wl_url=ENDEREÇO DO BLOG" title="German"><img src="http://i240.photobucket.com/albums/ff115/julianoss/aprendendoabloggar/gr.gif" title="Deutschland" border="0" hspace="2" vspace="2"></a>

Só altere o EDEREÇO DO BLOG.

Mande Scraps ( mensagens ) para todos seus Amigos!

2007-12-31T07:45:00.000-08:00

Eaw gente so eu aqui denovo, vim mostrar minha comunidade do Orkut, ela serve para mandar Scrapst ( mensagens ) para todos seus amigos! Entrem ai:

Minha comunidade!

Acho que vocês vão gostar, demorei um tempão fazendo, até +

Como Melhorar sua posição nos Buscadores ( google, etc... )

2007-12-31T04:41:00.000-08:00

Quer dar uma incrementada no número de visitas para sua página e não sabe como? Uma boa maneira é buscar visitantes através dos sistemas de buscas, como google, yahoo, altavista, enfim... Para isso, é bom seguir alguns conselhos, resumi alguns aqui:

Padrões, o mundo gosta de padrões, procure escrever suas páginas sempre utilizando os padrões web atuais. Verifique se sua página segue os padrões usando a ferramenta de validação do w3c. Mais sobre como desenvolver sobre os padrões você aprende na escola do w3c.
Faça amigos, links para sua página são sempre bem vindos; Os buscadores analisam as páginas que linkam para sua de acordo com seu conteudo, por exemplo, se você fala sobre elefantes albinos em sua página e um monte de gente tem link para sua página dizendo que você entende de elefantes albinos, sua colocação no ranking para as pesquisas sobre elefantes será de destaque.
Utilize as meta tags, coloque palavras chaves la.
Informe ao google e aos demais buscadores que você existe. O google possui uma gama de ferramentas pra webmasters que querem ser achados.
Faça um sitemap e indique isso ao google. Que coisa é essa? sitemap é um arquivo xml que informa ao google as atualizações do seu site, isso agiliza na indexação do seu conteúdo. Como fazer? Aprende aqui.
Faça um “robots.txt” e coloque na raiz do diretório, este arquivo diz quais os diretórios podem ser fuçados pelos robôs de busca. Como fazer? essa ferramenta faz isso pra você, é só dizer os diretórios que você não quer que o google veja.
Que eu lembre é mais ou menos isso.

Ainda tem muita coisa de ferramentas legais pra analisar e ver o que pode-se melhorar no seu site, você encontra neste site.

Como colocar no meu blog Postagens + Recentes

2007-12-31T03:16:00.000-08:00

Aqui está o código para colocar postagens mais ( + ) Recentes em seu blog!
Apagar tudo que eu escrevi no meio!

<script style="text/javascript" src="http://tfetadg.googlepages.com/scriptteajudodigratis.js">>
</script>//onde está escrito var numposts = 10 <-- número de postagens que irá aparecer se quiser mais só mude o 10 exemplo para 15 e deu ok
<script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="Link de seus feeds não tirar nada para lá deixar até o ? ok só até AQUI?orderby=published&alt=json-in-script&callback=showrecentposts">
</script>

Como colocar scripts sem usar textarea!

2007-12-30T16:08:00.001-08:00

Eaw gente vim aqui agora para ensinar a como colocar scripts na postagem sem usar textarea é bem fácil é só em vez de colocar > você coloca & g t ; sem os espaços por que se eu colocar com os espaços aparecerá > e para o < é só colocar & l t ; sem os espaços também! é issu dai para qualquer dúvida deixa nos comentários... abraço a todos e paz... até +

Mouse com coraçãozinho rodando em volta

2007-12-30T16:01:00.000-08:00

<SCRIPT LANGUAGE="JavaScript1.2">
</SCRIPT>

Mouse com mensagem rodando em volta

2007-12-30T15:57:00.000-08:00

<SCRIPT LANGUAGE="JavaScript">
if (document.all) {
yourLogo = "* QUALQUER COISA AQUI ";
logoFont = " verdana";
logoColor = " #FFFFFF";
yourLogo = yourLogo.split('');
L = yourLogo.length;
TrigSplit = 360 / L;
Sz = new Array()
logoWidth = 70;
logoHeight = -30;
ypos = 0;
xpos = 0;
step = 0.04;
currStep = 0;
document.write('<div id="outer" style="position:absolute;top:0px;left:0px "><div style="position:relative">');
for (i = 0; i < L; i++) {
document.write('<div id="ie" style="position:absolute;top:0px;left:0px ;'
+'width:10px;height:10px;font-family: '+logoFont+'; font-size:12px;'
+'color:'+logoColor+'; text-align:center">'+yourLogo[i]+'</div>');
}
document.write('</div></div>');
function Mouse() {
ypos = event.y;
xpos = event.x - 3;
}
document.onmousemove=Mouse;
function animateLogo() {
outer.style.pixelTop = document.body.scrollTop;
for (i = 0; i < L; i++) {
ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);
ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180);
Sz[i] = ie[i].style.pixelTop - ypos;
if (Sz[i] < 5) Sz[i] = 3;
ie[i].style.fontSize = Sz[i] / 1.7;
}
currStep -= step;
setTimeout('animateLogo()', 10);
}
window.onload = animateLogo;
}
// End -->
</SCRIPT>

Data com Hora

2007-12-30T15:31:00.000-08:00

<SCRIPT LANGUAGE="JavaScript">
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var timeValue = "" + ((hours >12) ? hours -12 :hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += (hours >= 12) ? " P.M." : " A.M."
timerRunning = true;

mydate = new Date();
myday = mydate.getDay();
mymonth = mydate.getMonth();
myweekday= mydate.getDate();
weekday= myweekday;
myyear= mydate.getYear();
year = myyear

if(myday == 0)
day = " Domingo, "

else if(myday == 1)
day = " Segunda, "

else if(myday == 2)
day = " Terça, "

else if(myday == 3)
day = " Quarta, "

else if(myday == 4)
day = " Quinta, "

else if(myday == 5)
day = " Sexta, "

else if(myday == 6)
day = " Sábado, "

if(mymonth == 0)
month = " de Janeiro de "

else if(mymonth ==1)
month = " de Fevereiro de "

else if(mymonth ==2)
month = " de Março de "

else if(mymonth ==3)
month = " de April de "

else if(mymonth ==4)
month = " de Maio de "

else if(mymonth ==5)
month = " de Junho de "

else if(mymonth ==6)
month = " de Julho de "

else if(mymonth ==7)
month = " de Agosto de "

else if(mymonth ==8)
month = " de Setembro de "

else if(mymonth ==9)
month = " de Outubro de "

else if(mymonth ==10)
month = " de Novembro de "

else if(mymonth ==11)
month = " de Dezembro de "

document.write("<font size=2 face=verdana>center><b>" + timeValue + " | " + day + myweekday ); document.write( month + ""+ year + "</font></center></b>");

</script>

Fechar janela

2007-12-30T15:29:00.000-08:00

<a href="javascript:window.close()">fechar Janela</a>

Proibir clique com o segundo botão

2007-12-30T15:19:00.000-08:00

Technorati Tags via marcadores do Blogger

2007-12-30T12:14:00.000-08:00

Quem usa o Blogger / Blogspot enfrenta, além do preconceito
dos ProBloggers, algumas limitações, entre elas está a inclusão
das Tags do Technorati. Já ví gente que inclui manualmente, pois
não há uma forma de integração nativa automática. Isso acaba
desestimulando o uso das Tags do Technorati, que são muito
importantes para um blog que queira crescer.
Encontrei a solução para esse problema num excelente hack
no Widget-based. É a inclusão automática das Tags usando
os marcadores (ou labels) do novo Blogger (eternamente) Beta.
Para ver como fica vá até o rodapé desse artigo. Tudo funciona
de forma automática, basta incluir normalmente os marcadores,
como de costume, e uma linha a mais com as Tags do Technorati
será adicionada ao rodapé do artigo. O ícone decorativo eu acrescentei depois, mas não é difícil ;-)
Para adicionar o recurso ao seu blog, é muito fácil.
Entre na área de edição HTML do template e marque
"Expandir modelos de widgets". Sempre faça um backup
completo do seu template clicando no link "Baixar modelo
completo", afinal é melhor prevenir que chorar depois. Localize
o trecho de código abaixo, acrescente a parte em vermelho e pronto!

<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>,</b:if></b:loop>
<br/>technorati: <b:loop values='data:post.labels' var='label'>
<a expr:href='"http://technorati.com/tag/"+data:label.name' rel='tag'>
<data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop></b:if></span> </p>

Artigos Peek-A-Boo [+/-] no Blogger, o que é isso?

2007-12-30T11:15:00.000-08:00

Uma forma muito legal de apresentar as páginas de arquivo ou de marcadores no novo Blogger é através do recurso Peek-A-Boo.

Funciona assim: Quando o usuário clica em algum marcador ou seleciona um mês no arquivo do blog, é conduzido a uma lista que exibe apenas a data e o título clicável dos artigos precedidos pelo símbolo [+/-].

Esse símbolo funciona como o sinal de adição no Windows Explorer, ao ser clicado o conteúdo do artigo é mostrado, se acionado novamente o artigo é escondido.

Para configurar no seu blog, hospede esse arquivo em algum servidor da sua preferência, eu estou usando o anniyalogam para isso.

Entre no modo de edição do HTML do seu template. Nesse ponto sempre faça um backup do seu template. Clique em expandir modelos de widgets e insira antes da tag :

<script type='text/javascript' src='SUBSTITUA_PELA_URL_DO SCRIPT_SALVO_EM_SEU_SERVIDOR' />

Em seguida, procure pelo trecho exibido nesse anexo em seu template. A parte em vermelho é a parte que você deve adicionar.

O arquivos esta Aqui!

Te Ajudo "Di" Grátis

Aos Leitores

Acho que voltei!

Imagem X - Hospedagem de imagens onde as suas imagens não são apagadas!

Coloque uma Rádio em seu blog!

Como postar programas, jogos, filmes, etc..

Hacks para IE6 e IE7

Colocando ads depois do Titulo

Colocando a data abaixo do titulo do post

Contador Technorati

Criar botão pequeno

Alterar a aparência das colunas

Adicione aos Favoritos para Blogger

Bloquear cópia de imagem!

Widget muito legal Classificação de estrelas nos posts do seu blog

Participe do Te Ajudo "Di" Grátis

Tirar o "Assinar: Postagens (Atom)" do Blogger

Blogblogs o maior site de indexação de blogs do Brasil

e-referrer Saiba de onde estão vindo os visitantes do seu blog

Faça uma Janela Pop-up

Texto Deslizante no seu blog!

Colocar (inserir) ultimos Comentários no seu blog!

Formulários de contato para seu blog!

Coloque um Tradutor para seu Blog

Teste a Velocidade do seu Ping, Download e upload!

Colocar 1º Titulo da postagem depois nome do blog no Blogger!

Colocando a data abaixo do titulo do post

Tooltips: Globos de informações em nossos links!

Botões ou ícones sociais no novo Blogger

Coloque um botão Imprimir Página em JavaScript

Notícias do Big Brother Brasil no Seu Blog - Confira

Coloque as Melhores Frases Rotativas que existem no seu Blog!

Coloque uma Pesquisa no Blogger!

Como adicionar "Postagens aleatórias" ao seu blog

Dicas Rádio Jovem Pan

Dicas Gerador de Selo para E-mail

Colocar html em postagens

BlogBlogs

Dicas Texto Riscado

Dicas Quebra de Linha

Dicas (Centro)

Inserir Ultimos Comentários no seu blog!

Como tirar os números ao lado das categorias do novo blogger

Como Colocar o Título do Post no Título da Página - Novo Blogger

Ferramentas para dar uma encrementada em seu blog!

Image Reflection Generator

Ajude a Espalhar o TADG

Te Ajudo "Di" Grátis Toolbar

Núvem de marcadores no Blogger

Posts - Artigos expandiveis para o Blogger [+/-]

Gerar um botão que ao ser clicado apresenta uma cor.

Gerar um botão que ao ser clicado apresenta uma mensagem.

Exibir uma mensagem antes de entrar no link.

Gerar um botão link.

O código gera uma mensagem ao colocar o mouse em cima do link.

Código que gera uma caixa para senha!

O código gera um pequeno texto com fundo, ou um link.

Sublinhando links!

Link para imprimir a página!

link e botão para fechar a janela.

Links para Ligar 2 pontos ao mesmo documento!

Com esse script ao clicar em e-mail será direcionado para o programa de envio de e-mail!

Com esse script ao passar o mouse você muda a cor da página.

Passa o mouse em cima do link aparece uma mensagem na barra de status!

Enviar artigo por e-mail no Blogger (O icone sumiu)

Ícones de navegação no Blogger

Teste do Curioso!

Faça suas postagens diretamente do Word!

Lista de Participantes do BBB8 - Começou a divulgação na Globo

Blogger Draft

Blog Creator

Retirar o link : Assinar: Postagens (Atom)

Retirando borda das imagens

Colocando Adsense sob o menu ou header

Código JavaStript para desabilitar o botão direito do mouse e o teclado

Desabilitar Botão direito do mouse completamente!

Carregar página ao passar o mouse!

Redirecionando em ... segundos!

Surge uma mensagem ao clicar no link antes de entrar no site

Ao passar o mouse surge uma mensagem