Tudo para Blogger

Endereço do Blog mudou para www.aprendendoabloggar.blogspot.com

2007-12-20T17:32:00.000-08:00

ENDEREÇO DO BLOG MUDOU PARA

www.aprendendoabloggar.blogspot.com

Template Solipsus

2007-10-18T17:00:00.000-07:00

Ver em Funcionamento

Download

veja como mudar o template do seu blog

Template Underground

2007-10-17T07:21:00.000-07:00

2 colunas
Ver em Funcionamento

Download

veja como mudar o template do seu blog

Template Business

2007-10-16T09:09:00.000-07:00

veja como mudar o template do seu blog

Template Joomla Hosting

2007-10-15T09:03:00.000-07:00

Ver em Funcionamento

Download

Template Mp3 Player

2007-10-15T09:00:00.000-07:00

Ver em Funcionamento

Download

veja como mudar o template do seu blog

Template Grungy

2007-10-15T08:58:00.000-07:00

Ver em Funcionamento

Download

veja como mudar o template do seu blog

Blogy-Rosa

2007-10-13T20:00:00.000-07:00

Ver em Funcionamento

Download

OBS: naõ remover os Creditos

veja como mudar o template do seu blog

Blogy-Curved

2007-10-13T19:57:00.000-07:00

ver em Funcionamento
Download
OBS: não remover os creditos

veja como mudar o template do seu blog

Blogy-Glass

2007-10-13T19:46:00.000-07:00

Template Blogy-Glass
Download
ver em funcionamento

OBS: não remover os creditos.

Monitoramento do Google Search

2007-10-13T19:08:00.000-07:00

Muito bom esse programa ele monitora basicamente o seu site! baixe pra conferir!

Print:

Download do Programa

Mudando a cor de Fundo

2007-10-13T19:06:00.000-07:00

Nem todos os templates tem a opção de Mudar a cor do fundo do menu, e do conteúdo individualmente, como por exemplo o template minima.

Então para isso procure no HTML do seu template por:

#sidebar-wrapper { - Lembrando que esse nome varia de Template pra template, mas a palavra sidebar tem em todos (Que significa no blog "MENU").

#main-wrapper { - Lembrando que esse nome varia de Template pra template, mas a palavra main tem em todos (Que significa no blog "POSTS").

Logo após essas duas tags você encontra a linha:

background:

Se não tiver é só colocar, e junto coloque a cor desejada, exemplo:

#main-wrapper {
background: black;

Não esque de colocar o ";" ponto e virgula depois da cor.

E no lugar da palavra black você pode inserir o código exadecimal da cor de sua preferência, não esquecendo do simbolo # antes.

Mudando a posição da Siderbar -Barra Lateral-

2007-10-13T19:03:00.000-07:00

Na Maioria dos Templates a sidebar vem do lado direito, Se você quiser muda-la de posição é simples.

Apenas mude isso:

Procure no HTML a tag "#main" (Pode haver mais de uma)

E altere

float:left;

para

float:right;

E procure pela tag "#sidebar" e altere

float:right;

para

float:left;

Ou seja a que estava float:right; (direita) no caso o menu, foi alterado para float:left; (direita) e vise versa.

Mural de Recados na Sidebar

2007-10-13T18:58:00.000-07:00

Para colocar um mural de recados na Sidebar entre no site http://cbox.ws/

Faça o cadatro clicando em Sign up

Após o cadastro faça o login e depois clique em Cbox Options

Em width, coloque a largura da sua side bar.

Em Height, coloque o comprimento do seu mural.

Em Messages, escolha o número de mensagens que aparecem no Mural.

Em Message length, escolha o comprimento de cada mensagem, depois salve.

Depois clique em Colors & Fonts para mudar as cores, você utilizará códidos em Hexadecimal, vc pode coloca qualquer cor contando que esteja em hexa.

Depois de personalizar sue mural clique em aply

Em seguida clique em Quick Setup, copie o código do mural e cole em um elemento HTML no seu blog.

Ocultando a NavBar

2007-10-13T18:54:00.000-07:00

Muitos querem saber como tirar aquela barra do blogger que fica na parte superior do navegador.

É um processo muito simples e fácil.

Apenas insira esse código:

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

Antes das linhas:

#outer-wrapper {
background: #123;
}

Ficando assim:

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

#outer-wrapper {
background: #123;
}

Visualize para saber que está tudo certo.
Se estiver, Salve!!!

Pop-up automático no blog

2007-10-13T18:48:00.000-07:00

Pra você colocar um pop-up automático, aquele que abre quando a pessoa entra no seu blog insira esse código em um "elemento HTML/Javascript", no seu blog.

<script type='text/javascript'>
<!--
function pop() {
pop = window.open('ENDEREÇO DA PÁGINA','pop','width=549,height=415,top=100,left=50,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,fullscreen=no');
}
pop();
// -->
</script>

Onde:

Width = Largura da janela
Height= Altura
Top = Espaço em relação ao topo do monitor
Left = Espaço em relação a lateral esquerda do Monitor

Colocando uma Previsão de Tempo no seu Blog

2007-10-13T18:42:00.000-07:00

Para colocar uma previsão de tempo no seu blog acesse o link:

Acessar Site

Depois escolha o modelo que você quer.

Faça o cadastro simples e Veja o Código.

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

Pronto agora seu blog tem previsão do tempo.

Tirando Borda das imagens

2007-10-13T18:38:00.000-07:00

Em alguns templates as imagens postadas ficam com bordas, caso queira tirar essa borda altomaticamente de todas as imagens, faça o seguinte:

Procure as seguintes linhas no HTML do seu template

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

E troque border:1px por border:0px

Assim a borda ficará com tamanho minimo.

Trocando de Template

2007-10-13T18:37:00.000-07:00

Depois de ter feito o donwload do arquivo XML do seu template entre no HTML do seu blog.

Procure por: Faça upload de um modelo de um arquivo no seu computador

Procure o arquivo XML do seu template, (O que você Baixou) e clique em Fazer Upload.

Caso você tenha Elementos HTML ja instalados, copie o conteúdo deles antes de trocar de template, por que quando você troca de template todos os elementos são excluídos.

Depois de fazer o Upload, confirme a exclusão dos Widgets (caso tiver algum) clicando em Confirmar e Salvar.

Pronto seu template está trocado, agora insira novos elementos no seu blog, incluindo os que você fez o backup.

Titulo Animado na barra de Titulos

2007-10-13T18:34:00.000-07:00

Basta inserir esse código depois da tag head no código do seu template, alterando "SEU TEXTO AQUI".

Visualize para saber se está certo e depois salve se estiver.

È Pronto.

Colocando Videos da Internet na lateral

2007-10-13T18:22:00.000-07:00

Para você colocar um vídeo do youtube ou de qualquer outro site de videos na lateral do blog faça o seguinte:

Copie o código do vídeo no site do youtube.

Vá na guia Modelo em seu blog e insira um elemento HTML na lateral.

Cole o código do vídeo no Elemento e modifique o seguinte:

Procure por: height="350" e apague.

Depois procure por: width="425" e altere "425" pela largura da Coluna onde você irá por o vídeo.

Para saber o tamanho da coluna da latera procure no código html do blog por #siderbar, lá vai está width="Largura"

Deixe seu Recado!

2007-10-13T18:12:00.000-07:00

Relogio Simples

2007-10-12T20:33:00.000-07:00

1- clique na imagem Abaixo!

2- escolha o estilo/modelo de relogio que vc quer,clique em View Html Tag pegue o codigo!

selecione o pais e a hora coreta!

3- dps faça o login no blog.

4- layout -> adicionar um elemento de pagina --> html/javascript.

OBS: pegue o codigo de cima!

Salve e pronto. relogio adcionado!

Exp:

Colocando Contagem regressiva

2007-10-12T20:25:00.000-07:00

Se seu blog tem algum evento, ou data muito esperada, então utilize esse Java script, ele indicara quantos dias, horas, minutos e segundos para esse tal dia chegar.
Para usar esse código basta inserir em Layout -> Modelo -> Elementos da página -> Html/Java script.

Substitua onde está de vermelho: ANO, MÊS E DIA (em números, ex: 2008,12,02) e o NOME DO EVENTO.

Esse código foi feito por: Leandro Lyria.
Segue o código abaixo:

<script language="JavaScript1.2">
function setcountdown(theyear,themonth,theday) {
yr=theyear;mo=themonth;da=theday
}
setcountdown(ANO,MÊS,DIA)

var occasion="NOME DO EVENTO"
var message_on_occasion="NOME DO EVENTO"

var countdownwidth='510px'
var countdownheight='20px'
var countdownbgcolor='#e1e1e1'
var opentags='<font face="Verdana" size="1" color="#000000">'
var closetags='</font>'
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
var crosscount=''
function start_countdown(){
if (document.layers)
document.countdownnsmain.visibility="show"
else if (document.alldocument.getElementById)
crosscount=document.getElementById&&!document.all?document.getElementById("countdownie") : countdownie
countdown()
}
if (document.alldocument.getElementById)
document.write('<span id="countdownie" style="width:'+countdownwidth+'; background-"></span>')
window.onload=start_countdown
function countdown(){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
futurestring=montharray[mo-1]+" "+da+", "+yr
dd=Date.parse(futurestring)-Date.parse(todaystring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
//if on day of occasion
if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=1&&todayd==da){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+message_on_occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.alldocument.getElementById)
crosscount.innerHTML=opentags+message_on_occasion+closetags
return
}
//if passed day of occasion
else if (dday<=-1){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+"Occasion already passed! "+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.alldocument.getElementById)
crosscount.innerHTML=opentags+"Occasion already passed! "+closetags
return
}
//else, if not yet
else{
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+dday+ " days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" "+occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.alldocument.getElementById)
crosscount.innerHTML=opentags+dday+ " dias, "+dhour+" horas, "+dmin+" minutos, e "+dsec+" segundos para a <b>"+occasion+closetags
}
setTimeout("countdown()",1000)
}
</script>
<ilayer id="countdownnsmain" width=&{countdownwidth}; height=&{countdownheight}; bgColor=&{countdownbgcolor}; visibility=hide><layer id="countdownnssub" width=&{countdownwidth}; height=&{countdownheight}; left=0 top=0></layer></ilayer>

Tirar título do blogger

2007-10-12T20:16:00.001-07:00

Para tirar o Título do blogger basta ir em Layout -> Modelo -> Editar html.

Agora encontre o seguinte código no template:

<b:widget id='Header1' locked='true' title='TITULODOSEUBLOG(Cabeçalho)' type='Header'/>

Agora delete ele do template.
Teste se ocorreu tudo certo clique em salvar.

Observação: O título não saira da barra de título do navegador.

Exemplo:

Chat - Bate-Papo

2007-10-12T15:50:00.000-07:00

Para Mudar o Nick/Name click em cima do que vc esta usando!

Quer um Chat desse no seu blog? click aki!

Diretor do Google da dicas de adsense em video

2007-10-12T15:45:00.000-07:00

Veja ao lado um video em português, gravado no evento Google Developer Day 2007, e disponibilizado pelo Google no Youtube O apresentador é nada menos que Roberto Grosman, gerente de AdSense para América Latina, que mostra as ferramentas e os recursos que os publishers usam para gerar renda através dos sites.

Fonte: Afiliados

Video do encontro sobre o Adsense em São Paulo

2007-10-12T15:41:00.000-07:00

Video da palesta do Google Adsense em São Paulo, Muito importante para vc melhora o seu Desempenho!

Fonte: Afiliados

Adicione aos Favoritos

2007-10-11T18:10:00.002-07: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>
ou
<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:

ou

Obs.: Recomendo colocar no topo da sidebar, com o título "Adicione aos Favoritos".

Colocando ads depois do Titulo

2007-10-11T18:10:00.001-07: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='post-body'>

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 & g t; todas juntas.

Colocando Ads entre os Posts

2007-10-11T18:09:00.001-07:00

Decobri uma maneira melhor pra colocar o adsense no blog, Depois do titulo do post.

Em vez do post ficar embaixo do ads, o conteudo fica do lado, melhorando e muito o visual do blog, e misturando mais o ads ao texto.

vamos lá.

Lembrando que é necessário marcar a opção "Expandir modelos de widgets"

Procure no HTML do seu template por

<div class='post-body'>

Depois dessa tag você irar inserir a seguinte tag

<p style='float: left; margin: 0px 8px 0px 0px;'>

Entenda que float: left significa o lado que o ads irá ficar, LEFT- esquerda e RIGHT- direita.

E margin é a distancia que o ads ficará em relação as laterais, em cima e em baixo.

DEPOIS de insirida essa tag, 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 & g t; todas juntas.

e DEPOIS do código você irá colocar

<b>

pra encerrar o parágrafo.

Colocando Ads depois dos Post's

2007-10-11T18:08:00.004-07:00

Como colocar Adsense depois do post

vamos lá.

Lembrando que é necessário marcar a opção "Expandir modelos de widgets"

Procure no HTML do seu template por

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

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 & g t; todas juntas.

Ads no head

2007-10-11T18:08:00.003-07:00

Existem vários lugares pra colocar o ads no head, irei mostrar uma maneira, mas existem outras posições.

Depois da tag:

<div class='descriptionwrapper'> <p class='description'> <span><data:description/></span></p>

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 & g t; todas juntas.

Avaliação nos Posts

2007-10-11T18:08:00.001-07:00

Para colocar uma avaliação em todos os posts como a que tem neste, entre no site http://spotback.com/ e faça o cadastro.

Depois você tamabem poderá colocar um WidGet mostrando os posts mais votados.

Tutorial do Site

Faça o login e depois clique em "My Widgets".

Depois procure por "Other Options" e clique em "New from widget gallery".

Procure o Modelo que você deseja e clique em cima.

Depois clique em "Get This WidGet" e copie o código de acordo com o modelo do Seu Blog:

Velho Blogger
Novo Blogger XML
Wordpress

Va no código XML do seu template, marque "Expandir modelos de widgets".

Cole o código depois da linha:

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

Para as estrelas ficarem embaixo do titulo.

Ou depois da linha:

<div class='post-footer'>

Para ficar depois da postagem.

Mensagem na barra de Status

2007-10-11T18:07:00.003-07:00

Aparece uma mensagem na barra de status qu fica na parte inferior do navegador.

Insira isso no código html

<script language="JavaScript">tempo = 50;
chars = 10;
texto = "QUALQUER MENSAGEM AQUI*";
wtexto = new Array(33);
wtexto[0] = texto;
blnk = " ";
for (i = 1; i <>
b = blnk.substring(0, i);
wtexto = "";
for (j = 0; j < wtexto =" wtexto">
}
function animastatus() {
if (chars > -1) str = wtexto[chars];
else str = wtexto[0];
if (chars-- < -40) chars = 31;
status = str;
clearTimeout(tempo);
tempo = setTimeout("animastatus()", 60);
}
animastatus()
</script>

È Pronto.

Colocando uma busca no Blog

2007-10-11T18:07:00.001-07:00

Você pode além de utilizar o google search você pode utilizar uma busca pro seu blog utlizando o próprio blogger.

Faça o seguinte:

Abra um elemento Html e cole o seguinte código:

<form id="searchthis" action="ENDEREÇO DO BLOG/search" style="display: inline;" method="get">
<table style="width: 200px; height: 100%;" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td valign="middle">
<input id="b-query" name="q" type="text"/>
</td>
<td valign="middle" class="navbutton">
<input id="submit" tabindex="1" value="Vai!" name="submit" type="submit"/>
</td>
</tr>
</tbody>
</table>
</form>

Trocando ENDEREÇO DO BLOG Pelo endereço do seu blog.

Agora fica mais facil de fazer pesquisar.

Colocando um Chat no Blog

2007-10-11T18:06:00.002-07:00

Para colocar um Chat no blog entre no seguinte site: http://xat.com

Clique em "Make a chat Box".

Clique na imagem de fundo de sua preferência.

Em "Width" coloque a largura do chat. (Você pode ir testando os valores clicando em "Update & Getcode")

Em "Height" coloque o comprimento.

Clique em "Update & Getcode".

Copie o código e cole em um elemento HTML no seu blog. (Posicione o elemento acima ou depois dos posts)

Você tambem pode postar o Chat e depois colocar o link do Post no Menu.

vlw!

Colocando um paint no Blog

2007-10-11T18:06:00.001-07:00

Você ja deve ter visto uma jenelinha tipo um paint, no qual todos os visitantes podem pintar juntos.

Então pra colocar no seu blog entre no seguinte site: Free Web Tools

Depois clique drawing, Clicando logo após em Continue, como explica a imagem abaixo.

Depois copie o código html que a página fornece e cole em um elemento HTML no seu blog.

Instalando um Player de Música Individual

2007-10-11T18:05:00.002-07:00

Para você colocar um player de apenas uma música no seu blog, primeiramente você terá que ter o endereço da música que você quer.

exemplo: http://www.site.com/musica.mp3 ou .mid ou .wav.

Não esquece do http://

Se você tem a música em seu PC você terá que fazer o upload dela em um servidor.

Recomendo os servidores: XPG e GooglePages

Bom, tendo em mãos a URL de sua música, vamos ao código:

<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/windows/mediaplayer/download/default.asp" filename="URL DA MÚSICA" uimode="mini" src="mms://server09.virgula.com.br/jovempanfm" autostart="1" showstatusbar="0" showdisplay="0" autosize="0" showcontrols="True" autorewind="1" statusbar="false" animationatstart="false" showaudiocontrols="TRUE" showpositioncontrols="False" align="texttop" height="24" width="170">
</object>

Onde está URL da música troque pelo endereço da música que você quer.

Se você quiser que o player fique transparente troque:

height="24" width="170"

por

height="0" width="0"

Depois é só postar em um elemento HTML

Inserindo um Contador de Visitas

2007-10-11T18:05:00.001-07:00

Existem vários sites que oferecem contadores de vistas e estatísticas do seu blog ou site, eu recomendo dois contadores que utilizo e acho que são os melhores.

O Primeiro é o Google - http://google.com/analytics

O Segundo é o Histats - http://www.histats.com/

O Google analytics possui várias estatísticas, porem não é em tempo real, demora um pouco pra ser contabilizado os acessos.

O Histats é mais simples, mas também possui bastante utilitários e é em tempo real.

Por isso uso os dois, o analytics pra ter mais detalhes e o Histats pra poder acompanhar o número de visitas mais rapidamente.

Criando um favicon

2007-10-11T18:04:00.002-07:00

Para quem não sabe o que é um favicon, é aquele icone que fica antes da url da página visitada, por exemplo o favicon do blogger é esse:

O Favicon é uma imagem no formato .ico no tamanho 16x16px.

Se você quiser trocar o do seu blog você primeiro terá que fazer uma imagem em qualquer formato, recomendo o formato .png, para preservar a qualidade da imagem, no tamanho 16x16px.

Após ter feito a imagem entre nesse site: http://www.favicon.cc

Procure por mport Image, faça o up load de sua imagem e depois .

Agora você terá que hospedar o arquivo no formato .ico que você baixou. Você pode hospedar um um servidor gratuito como o www.xpg.com.br ou www.hospedetudo.com

Atenção: Não serve sites de Share como por exemplo e easyshare ou rapidshare

Após fazer a hospedagem do arquivo copie a url e cole no local indicado neste código:

<link href='COLE A URL DO ARQUIVO AQUI' rel='shortcut icon' type='image/x-icon'/>

Depois cole esse código depois da tag HEAD no seu blog, visualize pra ver se deu certo, caso sim salve.

Criando um Menu de Categorias

2007-10-11T18:04:00.001-07:00

Criar um menu separando o blog em categorias fica muito mais fácil pro leitor achar oq ele procura.

Para Criar um Igual a este ai do lado, basta na hora da postagem você ir la em baixo em marcadores para esta postagem Digitar a categoria em que se enquadra o Post.

Após ter feito isso, vá na guia modelo e insira o Elemento Marcadores.

Pronto, A categoria que você pôs no post aparece como categoria na página do blog.

Clique na imagem para ampliar

Seu Blog melhor no Google

2007-10-11T18:03:00.004-07:00

Muitos reclamam que seu blog não está sendo indexado pelo Google search.

Então aqui vai uma dica que melhora 100% a idexação.

Cadastre seu blog no Serviço para Webmasters da Google.

https://www.google.com/webmasters/

Nele faça o cadastro do Site Map, que nosso caso a URL é :

http://endereçodoblog.blogspot.com/atom.xml

Envie essa url e o google ficará sabendo de qualquer alteração feita no seu blog, e enviará as informações pro Google Search. qualquer alteração feita no seu blog, e enviará as informações pro Google Search.

Colocando um translate no Blog

2007-10-11T18:03:00.003-07: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://i134.photobucket.com/albums/q87/luizgadetto/flags/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://i134.photobucket.com/albums/q87/luizgadetto/flags/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://i134.photobucket.com/albums/q87/luizgadetto/flags/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://i134.photobucket.com/albums/q87/luizgadetto/flags/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://i134.photobucket.com/albums/q87/luizgadetto/flags/gr.gif" title="Deutschland" border="0" hspace="2" vspace="2"></a>

Só altere o EDEREÇO DO BLOG.

Se vc quiser outra linguagem informe aki que coloco!

Criando uma Newsletter

2007-10-11T18:03:00.001-07:00

Primeiro, o que é uma Newsletter?

Newsletter é um informativo utilizado para informar ao visitante sobre atualizações feitas no blog.

O Visitante cadastra seu e-mail e recebe atualizações em seu e-mail, sempre que você postar.

Para isso bata você se cadastra no site http://www.feedburner.com/fb/a/home

Vou ensinar passo-a-passo como se cadastrar e inserir o formulário em seu blog.

Primeiro entre na url acima e mude a linguagem para o português.

Agora Clique em "Registrar" (Na imagem acima)

Depois de ter registrado Seu Login e senha, irá pedir pra você digitar o endereço do seu blog ou feed, para você saber o endereço do seu feed, vá no final do post no seu blog e copie o link de PostagensAtom, esse link fica la em baixo:

Depois de ter Copiado o link de Postagens Atom, cole no local indicado no site Feed Burner e clique em Próximo.

Depois Digite o nome do seu Blog e endereço que desejar, não precisa mudar se não quiser, e clique em Ativar Feeds

Depois Clique em próximo e depois Próximo novamente.

Agora é só seguir essa imagem:

Clique para ampliar

Clique em Publicar, depois em Email Subscriptions e a seguir Ativar.

Após isso Mude a Linguagem para Português, Copie o código da primeira caixa e cole em um elemento HTML no seu Blog.

Pronto, seus visitantes poderão cadastrar seus e-mail e receber as atualizações do seu blog.

Entendedo a Tag a href=""

2007-10-11T18:01:00.000-07:00

Muitos não sabem o que se pode fazer essa tag.

Podemos abrir um link na própria janela.

Podemos abrir um link Em outra janela.

Podemos abrir um link Em um Frame

Podemos Add o blog nos favoritos

ETC.

Podemos abrir um link na própria janela.

Para abrir o link na própria janela, e não ter a necessiadade de abrir uma nova, Adicione na tag isso - target="_top", Ficando assim

<a href= "www" target="_top"> blablablabla </a>

Com isso, se o link estiver dentro de um frame, a página abrirar em toda a janela e não apenas no frame.

Podemos abrir um link Em outra janela.

Caso queira que o link abra em outra janela ou aba, adicione a seguinte variavel - target="_blank".

Ficando assim:

<a href= "www" target="_blank"> blablablabla </a>

Com isso a página contida no link abrirá em outra janela ou aba.

Podemos abrir um link Em um Frame

Você tambem pode abrir a página em um Frame, para isso primeiro você deverar dar um nome ao frame, por exemplo:

<iframe name="Conteudo"...

Depois no link você colocará assim:

<a href= "www" target="Conteudo"> blablablabla </a>

Com isso a págino contida no link abrirá dentro do frame com o nome Conteúdo

Podemos Add o blog nos favoritos

É uma boa ideia pra por no blog, um link que ao clicar adiciona o blog nos favoritos.

No Firefox coloque isso

javascript:window.sidebar.addPanel('NOME DO BLOG','ENDEREÇO DO BLOG','')

No lugar do endereço da pagina de destino.

Ficando assim:

<a href="javascript:window.sidebar.addPanel('NOME DO BLOG','ENDEREÇO DO BLOG','')">Adicione nos favoritos</a>

No Internet Explore coloque /# depois do endereço da página a ser add nos favoritos, adicione a seguinta tag:

onclick="window.external.AddFavorite('ENDEREÇO DO BLOG','NOME DO BLOG')
Ficando assim:

<a href="ENDEREÇO DO BLOG/#" onclick="window.external.AddFavorite('ENDEREÇO DO BLOG','NOME DO BLOG')
;">Adicione nos Favoritos</a>

Para abrir uma página ou Imagem em um pop-up coloque assim:

<a href="javascript:void" onClick="window.open('URL DA IMAGEM/pagina','image','width=330,height=310,to
p=0,left=0,status=1'); return false" target="_self"><img src="URL DA IMAGEM/OU TEXTO(EXEMPLO CLIQUE PARA ABRIR)" border="0"></a>

Onde "width" é a largura da janela e "Height" é o comprimento.

URL DA IMAGEM/OU TEXTO(EXEMPLO CLIQUE PARA ABRIR)

Isso é o que vai aparecer pro visitante clicar no seu blog.

Exemplo:

Clique para ver o exemplo

Passarinho Cantando - Comeida

2007-10-11T18:00:00.002-07:00

Coloque em seu Blog
Copie o código abaixo e cole em um elemento HTML ou em uma postagem

Macaco

2007-10-11T18:00:00.001-07:00

Coloque em seu blog.

Teka

2007-10-11T17:59:00.000-07:00

Coloque em seu Blog
Copie o código abaixo e cole em um elemento HTML ou em uma postagem

Gerador Caixinha Link-me

2007-10-11T17:58:00.002-07:00

Sabe aquelas caixinhas com um código escrito link-me em cima.

Serve pra você por o código do seu banner, para na hora de fazer parceria o parceiro só copiar o código e colocar no blog dele.

Então esse gerador faz essa caixinha, você só tem que primeiro fazer um banner padrão 120x60 ou 468 x 60 (Pra parcerias se usa 120x60).

Hospeda seu banner em um site de hospedagem de imagens gratuitas como o http://imageshack.us/

Depois é só colar o endereço da imagem hospedada no campo indicado.

Vai lá, e sucesso!!!

7- Inserindo um formulário para contato - Formulário de Contato

Caso você queira que seus visitantes possam pedir matérias, ou fazer um sugestão e criticas, basta por um formulário no blog.

Para isto bata você entrar neste link http://www.formulariopro.pog.com.br/

Digitar:

Seu nome
Nome do Site
Seu E-mail
*Página de Confirmação

*Página de confirmação é pra onde o visitante vai após ter emviado o e-mail. Você pode criar um Post dizendo "Obrigado pelo contato" e colocar o link da postagem nesse campo.

Depois clique em Criar Formulário, e copie o código do formulário.

Cole em um elemento HTML ou até mesmo em um post, podendo alterar o código caso queira

Abrindo o Google Search dentro do Blog

2007-10-11T17:58:00.001-07:00

º Para isso primeiro você cria um post em branco.

2º Faça sua caixa de pesquisa no google adsense. (Caso não tenha conta, clique no Botão ao lado esquerdo e faça a cadastro)

Em mais opções la em "Abertura da página de resultados de pesquisa", você marca a opção abrir resultado em meu próprio site, e depois você coloca a url do post em branco que vc criou, corrige a largura e tal.

e continue, personalize normalmente.

3º agora adicione um elemento de página html/java em cima dos posts, nesse elemento você ira colocar "O código dos resultados de pesquisa".

E pronto, agora é só instalar o código da caixa de busca em seu blog.

A caixa ira entrar na url do post em branco, e encontrará o código que vc colocou no elemento html/java, e abriar o resultado dentro dele.

Atenção:
Se a largura do seu post for menor que 500 eu não recomendo o uso.

Colocando uma imagem como fundo

2007-10-11T17:57:00.002-07:00

Quer saber do que eu estou falando?

Eu estou falando dessa imagem que é escura em cima e vai clareando em baixo no fundo desta página.

Pra você colocar uma imagem no fundo do seu blog, faça o seguinte:

Entre o HTML do seu Template.

Procure a tag:

body {

Está logo no início do html

Agora veja se na tag tem a palavra

Se não tiver coloque esse código logo após a tag body {

background: black url('ENDEREÇO DA IMAGEM') >fixed top >left repeat-x;

Se ja tiver a palavra background, Substitua.

Vamos as variáveis.

black - Significa que a cor de fundo atrás da imagem é preta. (Para trocar de cor, basta trocar a palavra) - Red=vermelho, #ffffff=Branco, green=Verde...

Fixed - Significa que a imagem irá ficar intacta ao você mexer a Barra de Rolagem, caso queria que a imagem se mova junto ao texto retire essa palavra

top - Significa que a imagem irá ficar no Topo, caso queira que ela fique em baixo, troque por "bottom".

left - Significa que a imagem irá ficar a esquerda, se quiser que fique a direita, troque por "right."

repeat-x - Significa que a imagem irá se repetir na horizontal, caso queria que repita na Vertical troque "x" por "y", caso queira que não se repita troque "repeat-x" por "no-repeat"

Pronto.

Colocando Imagem no Titulo do Blog

2007-10-11T17:57:00.001-07:00

Facil.

Na guia Modelo vá em elementos de Página.

No elemento cabeçalho, clique em editar.

Na Janela que abrir faça o upload da imagem que você quer e após carregar salve.

Depois volte ao elemento Cabeçalho e Clique em edit.

Na janela que abrir espere a imagem carregar, e depois mude a Posição para Em vez de Titulo e ... e salve novamente.

Pronto, agora em vez de titulo e descrição aparecerá a imagem escolhida.

Optimizar a Indexação do Google

2007-10-11T17:56:00.000-07:00

Um de meus blogs teve em 10 dias uma queda de 60% das visitas vindas do Google Search, fiquei desesperado e pedi ajuda na comunidade do adsense.

Me recomendarão o seguinte, procure saber quais palavras te dão mais visitas, e veja também se você caiu de posição com essas palavras.

Se sim, procure fazer mais postagens sobre o assunto, e coloque mais essas palavras nos seus posts, mas cuidado, não exagere.

Por exemplo:

A palavra que mais te da visita é "boneca", então faça mais postagens com a palavra Boneca.

Mais não faça assim em suas postagens:

"Tenho uma boneca, a boneca é linda, a boneca é maravilhosa, a boneca tem cabelos grandes, a boneca e grande, a boneca é preta, a boneca..."

Se não o google que não é nada burro, vai saber que você está tentando subir nas pesquisas inserindo palavras repetidas no blog.

Então é isso, pelo menos no meu caso melhorou, mais se você caiu nas pesquisas, e esse esquema não deu resultado, você pode ter sido penalizado por alguma irregularidade.

Ai é que pega, ter que revisar o blog inteiro pra saber se tem alguma irregularidade, na qual não sei quais são.

Tudo para Blogger

Endereço do Blog mudou para www.aprendendoabloggar.blogspot.com

Template Solipsus

Template Underground

Template Business

Template Joomla Hosting

Template Mp3 Player

Template Grungy

Blogy-Rosa

Ver em FuncionamentoDownload

Blogy-Curved

ver em FuncionamentoDownloadOBS: não remover os creditos

Blogy-Glass

Template Blogy-GlassDownloadver em funcionamentoOBS: não remover os creditos.

Monitoramento do Google Search

Mudando a cor de Fundo

Mudando a posição da Siderbar -Barra Lateral-

Mural de Recados na Sidebar

Ocultando a NavBar

Pop-up automático no blog

Colocando uma Previsão de Tempo no seu Blog

Tirando Borda das imagens

Trocando de Template

Titulo Animado na barra de Titulos

Colocando Videos da Internet na lateral

Deixe seu Recado!

Relogio Simples

Colocando Contagem regressiva

Tirar título do blogger

Chat - Bate-Papo

Diretor do Google da dicas de adsense em video

Video do encontro sobre o Adsense em São Paulo

Adicione aos Favoritos

Colocando ads depois do Titulo

Colocando Ads entre os Posts

Colocando Ads depois dos Post's

Ads no head

Avaliação nos Posts

Mensagem na barra de Status

Colocando uma busca no Blog

Colocando um Chat no Blog

Colocando um paint no Blog

Instalando um Player de Música Individual

Inserindo um Contador de Visitas

Criando um favicon

Criando um Menu de Categorias

Seu Blog melhor no Google

Colocando um translate no Blog

Criando uma Newsletter

Entendedo a Tag a href=""

Passarinho Cantando - Comeida

Macaco

Teka

Gerador Caixinha Link-me

Abrindo o Google Search dentro do Blog

Colocando uma imagem como fundo

Colocando Imagem no Titulo do Blog

Optimizar a Indexação do Google

Ver em Funcionamento

Download

ver em Funcionamento
Download
OBS: não remover os creditos

Template Blogy-Glass
Download
ver em funcionamento

OBS: não remover os creditos.