CENTRAL DOS BLOGGS

Ganhe prêmios com o Soon For Speed

2010-05-13T17:56:00.000-07:00

Prêmio 1º colocado:
CONJ TECLADO MOUSE SEM FIO K-W600

Prêmio 2º colocado:
FONE DE OUVIDO PROFISSIONAL – CLONE

Prêmio 3º colocado:
FONE DE OUVIDO C3 TECH VOICER LIGHT

O Soon For Speed é um jogo baseado no navegador. Não é necessário fazer download de nada, é só fazer seu cadastro e começar a jogar!

O Cadastro demora apenas 2 minutos, não perca tempo!

Divirta-se jogando um emocionante jogo de estratégia com carros de corrida, no qual você é um piloto iniciante. Você irá correr apenas nas pistas que seu nível permite e posteriormente poderá tornar-se um piloto de nível superior e assim correr em todas elas e fazer parte do Hall da Fama, ou seja, você será listado no ranking dos melhores pilotos.

Nesse game você inicia escolhendo um personagem a seu gosto em uma lista pré-definida; em seguida escolha um patrocinador de sua preferência também de uma lista pré-definida, para te patrocinar com três carros e uma verba em Dollets (moeda virtual do jogo) e a partir daí você poderá começar a sua estratégia. Mas antes de definir a ordem de seus carros você deve analisar em qual pista deseja correr e contra quem deseja correr, a depender de sua estratégia. Para esta escolha, existem duas categorias de corridas: a corrida Grip e a corrida de Drift. A primeira é indicada para carros de alta velocidade como Zonda F, Murcielago LP640, Porsche 997 GT 2, etc; já a segunda, é indicada para carros com habilidades especiais de derrapagem como RX-7, Corolla GTS, Silvia S15, entre outros. Sendo assim a definição de ordem das pistas é de suma importância para sua estratégia. Planeje-se bem para vencer seus oponentes.

Se você estiver iniciando o jogo agora, não se desanime! Você poderá alcançar os líderes do ranking, uma vez que você pode adquirir os Tickets! A aquisição de Tickets é um serviço que oferece a vantagem de escolher melhores carros, melhores pistas e obter apoio dos melhores patrocinadores de corridas. Portanto, com esse bônus especial você pode idealizar uma estratégia de destaque para competir contra os líderes do campeonato, é só utilizar seus Tickets e terá maior chance de vencê-los.

Além destas funções, o Soon For Speed é dotado de várias habilidades e muitos outros elementos do jogo, que vão te distrair, te divertir e te manter vidrado! Mas também irá requerer esforço e uma boa estratégia para competir com vários jogadores reais.

Bom jogo!

Cadastre-se aqui

www.alohaxis.com/sfs

Mini tutorial para iniciantes de blogger / blogspot (Configurações, layout e editar html)

2009-11-26T11:25:00.000-08:00

Um das coisas mais importante para começar a entender o blog é saber como achar o que procuramos. Basicamente o Blogger se divide em configurações, layout, editar html, bem que as duas ultimas estão muito relacionadas, apenas as citei separadamente porque o html é basicamente códigos e um pouco mais difícil de alterar. Quando entramos (fazer login, colocar email e senha) no site do Blogger vemos essa imagem:

Aqui mostra o nome do blog, nova postagem, editar postagens, configurações, layout e gerar receita. Os itens nova postagem e editar postagens se explicam sozinhos, no link para as configurações vamos entrar em uma pagina com muitas guias e cada uma delas tem uma utilidade diferente para não ficar um tutorial muito extenso vamos falar apenas das principais funções. Veja abaixo o que podemos alterar em algumas das guias das configurações:

Básico: Titulo e descrição do blog, Permitir que mecanismos de pesquisa localizem seu blog, mostrar ferramenta de edição rápida (aquela imagem de ferramentas que aparece no blog quando você está logado), selecionar editor de postagem (existem dois modelos de editor de postagem atualmente)

Publicação: aqui você pode trocar o endereço do seu blogspot ou registrar um domínio como fizemos para nosso blog usar o endereço http://www.dicasparablogs.com.br

Formatação: numero de postagens na pagina inicial, formato da data, fuso horário (se a hora que aparece nas suas postagens estiver errada é aqui que você deve corrigir), idioma.

Comentários: exibir ou não os comentários, forma como é exibido (pop up, na pagina da postagem ou uma pagina inteira), quem pode comentar o blog, formato da data e hora dos comentários, moderação de comentários, exibir uma confirmação de palavras para os comentários (aquela imagem com letras para digitar).

Arquivamento: você escolhe como classificará seus arquivos e se cada postagem do seu blog terá uma pagina própria (Ativar páginas de postagem)

Site Feed: configurações do feed, caso use o feedburner é aqui onde deve colocar o seu endereço. Também é possível inserir uma nota de rodapé no feed, ou seja, um texto no final de cada feed.

Permissões: quem pode escrever ou alterar o layout do seu blog. Aqui você pode convidar outras pessoas para participarem do seu blog.

Não falamos de todas as configurações apenas de mais utilizadas, agora vamos começar com o layout e editar html.

Quando clicamos em layout vamos para uma pagina onde é possível arrastar os gadgets para reorganizar nosso blog, além disso, podemos clicar para editar o cabeçalho do blog, a barra do blogspot (mudar de cor) ou editar as postagens (aqui mostra algumas das configurações e o que é ou não exibido no blog.

Temos também a guia editar html quando algum site manda inserir algum código na pagina html é nesta pagina, mas cuidado ao mexer aqui faça sempre um backup antes de começar para evitar estragar o seu modelo. Repare que sobre a caixa onde aparece o código tem expandir modelos de widgets dependendo do tipo de alteração que for fazer no blog é necessário marcar ou não essa opção.

Fonte: dicas para blogs

Insira no seu Blogger Marcadores em forma de menu suspenso

2009-10-31T06:34:00.001-07:00

Para colocar os marcadores do blog em um menu suspenso, menu de salto ou por qualquer outro nome que você conheça, mas é a forma de menu que a maiorias dos blogs usa para seus arquivos. Entre na página editar HTML, clique para Expandir modelos de widgets e procure pelo código dos seus marcadores (procure pelo titulo que usa neles é mais fácil identificar, no caso deste blog procuramos por guia rápido). Você vai encontrar algo assim:

<b:widget id='Label1' locked='false' title='Guia Rápido' 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 class='guiarapido'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Então apague esse trecho:

<ul>
<b:loop values='data:labels' var='label'>
<li class='guiarapido'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
</li>
</b:loop>
</ul>

Depois coloque esse aqui no lugar, onde está escrito Guia Rápido troque pelo que desejar que apareça no menu quando ele aparecer no blog, outro detalhe é tirar a parte (<data:label.count/>) se não quiser mostrar o numero de postagens de cada item do menu.

<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Guia Rápido</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>

Queremos lembrar que nas partes onde viu escrito Guia Rápido é o nome que usamos nos marcadores deste blog então isso não tem nada a ver com o código, pode ser o nome que você quiser. E sempre é bom dizer para salvar uma cópia do código antes de começar a mexer no html do seu blog assim em caso de algum problema ficará fácil voltar ao modelo que estava antes.

Fonte: dicas para blogs

Aprenda como transferir o seu blogger para outra pessoa ou email

2009-10-31T06:29:00.000-07:00

É possível e fácil transferir um blog, ou seja, dar o blog para outra pessoa ou ainda no caso de pessoas que tem mais de uma conta Google poderem reunir todos seus blogs na mesma conta que usa no Orkut, youtube e outros serviços(esse foi meu caso rsrs), cansei de ficar fazendo login infinitas vezes para ir do blog para o Orkut, analytics e adsense, então resolvi colocar todos meus blogs na mesma conta Google.

Para fazer isso é relativamente simples:

Entre na página configurações >>> permissões
Clique em adicionar autores e digite o email de quem você quer e clique no botão convidar.

Agora aguarde até a pessoa aceitar o convite, depois que ela aceitar volte nesta pagina e clique para conceder direitos de administrador para a pessoa.
Já está pronto agora essa outra pessoa pode fazer o que quiser no blog, inclusive excluir você das permissões, o que significa excluir do blog.

Esse recurso pode ser usado também para permitir que varias pessoas publiquem seus textos no mesmo blog, mas neste caso não é necessário dar direitos de administrador. Outra curiosidade é que o seu blog pode ter até 100 autores, como está escrito na pagina de permissões. Mas tenha cuidado somente dê direitos de administrador para pessoas que confie porque como já dissemos acima ele poderá fazer tudo inclusive tirar você do blog.

Fonte: dicas para blogs

Colocando uma barra de rolagem na lista de bloggers

2009-10-31T06:12:00.000-07:00

Às vezes queremos adicionar muitos blogs na lista de atualizações que mostramos(lista de blogs) e fica ocupando espaço demais em nossa pagina, uma boa solução para esse problema é colocar uma barra de rolagem em nossa lista de blogs. Para fazer isso é bem simples:
Entre na pagina editar HTML e clique para expandir os modelos de widgets, então procure pelo inicio de sua lista de blogs, um jeito fácil de achar é procurando pelo titulo que usa na sua lista em nosso caso usamos o nome Meus outros Blogs, mas no seu blog estará o titulo que usa na sua lista, vejo o código:

<b:widget id='BlogList1' locked='false' title='Meus outros Blogs' type='BlogList'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<div id='blog-list-title'>
<h2 class='title'><data:title/></h2>
</div>
</b:if>
<div style="height: 200px;overflow: auto; border:1px solid #000000">
<div class='widget-content'>
<div class='blog-list-container' expr:id='data:widget.instanceId + "_container"'>
<ul expr:id='data:widget.instanceId + "_blogs"'>

Repare na linha em negrito, no seu blog não tem essa linha, pois foi justamente isso que modificamos para colocar a barra de rolagem, o valor 200 que está na mesma linha é o tamanho da barra, então pode mudar para o numero que achar melhor.
O trecho final border:1px solid #000000 é a borda, se não gostou assim é só apagar esse pedaço do código, mas cuidado para não apagar as aspas, nem outros sinais. Agora vamos fechar essa div(estilo) que usamos aqui. Um pouco mais para baixo no código, você encontrará isso:

<a href='javascript:void(0)'><data:showAllText/></a>
</span>
</div>
</b:if>
</b:if>

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

Cuidado para não se confundir e achar que já tem uma div fechada, essa que já estava no blog pertencia ao código original, então precisamos adicionar mais uma(essa que está em negrito, não estava no modelo original do blog). Feito isso é só clicar para visualizar e depois salvar se estiver tudo correto. Essa é uma boa maneira de poupar espaço e ainda dá um novo visual com a barra de rolagem na lista de blogs.

Fonte: dicas para blogs

Adicione uma Imagem na Barra de Endereço do seu Blogger (blogspot)

2009-10-31T06:10:00.000-07:00

Já vimos e publicamos outros códigos para colocar uma imagem no lugar do ícone na barra de endereços, mas eles apresentam um problema com o Internet Explorer, vamos corrigir isso mostrando um outro código, repare que são duas vezes a mesma coisa mudando somente o formato da imagem .ico e .png:

<link href='imagem.ico' rel='shortcut icon' type='image/x-ico'/>
<link href='imagem.png' rel='shortcut icon' type='image/png'/>

Crie uma imagem no formato .png e hospede no ImageShack depois converta a imagem para o formato de ícone usando o site Converticon 2.1 e hospede o arquivo do ícone(.ico) no site MerryPic, se tiver duvidas sobre como fazer isso veja mais detalhes sobre como converter e hospedar arquivo no formato ícone(.ico), então coloque os endereços no lugar indicado no código acima, cuidado para pegar a url correta de cada imagem, estão em direct link pois as outras são paginas que mostram sua imagem(ícone) e se usar qualquer outras delas o código não funcionará.

Depois entre na pagina editar html, encontre ]]></b:skin> e coloque o código logo abaixo, ficará desse jeito:

]]></b:skin>
<link href='imagem.ico' rel='shortcut icon' type='image/x-ico'/>
<link href='imagem.png' rel='shortcut icon' type='image/png'/>
</head>

Agora é só clicar para visualizar e depois salvar se estiver tudo correto. Apenas mais um lembrete, no internet Explorer o ícone demora um pouco até aparecer e às vezes só vai funcionar depois que você carregar a página novamente.

Depois que publicamos essa explicação o site de hospedagem apresentou alguns problemas, então sugerimos usar o Free FavIcon.

Alguns dos sites que indicamos apresentaram problemas então fizemos um novo tutorial sobre como colocar um favicon (imagem na barra de endereços), veja aqui nossa atualização mais recente sobre a imagem na barra de endereços do blog.

Fonte: dicas para blogs

Gostaria de usar melhor o Google ?

2009-10-31T06:00:00.000-07:00

Será que nós blogueiros usamos tudo que o google pode oferecer? Tenho certeza que não, pois aqui estão algumas coisas simples de consultar e muito úteis, você só precisa colocar um código(palavra) na frente do link do seu blog para ter informações sobre ele diretamente na pagina de busca do google. E ainda algumas outras funções para usamos melhor o Google.

Muitas dessas funções podem ser acessadas através da pagina de pesquisa avançada do google. Outro detalhe e não colocar espaço entre o código e o endereço do site ou blog.

Veja como fazer essas pesquisas, entre na pagina do Google e digite no campo de pesquise o seguinte, naturalmente coloque o endereço correto de seu blog no lugar indicado:

cache:http://SEUBLOG.blogspot.com
Se você incluir outras palavras na consulta, o Google destacará essas palavras dentro do documento em cache. Por exemplo [cache: http://dicasparablogs.blogspot.com código] irá destacar em nossa pagina inicial a palavra código.
usando melhor o Google

link:http://SEUBLOG.blogspot.com
Irá listar páginas que têm links para a página web especificada. Por exemplo, [link: http://dicasparablogs.blogspot.com] irá listar páginas que têm links que apontam para a página nossa inicial.

related:http://SEUBLOG.blogspot.com
Lista as páginas da web que são "semelhantes" para uma determinada página web. Por exemplo, [related: http://dicasparablogs.blogspot.com] irá listar páginas web que são semelhantes à página nossa inicial.

info:http://SEUBLOG.blogspot.com
Irá apresentar algumas informações que o Google tem sobre essa página da web. Por exemplo, [info: http://dicasparablogs.blogspot.com] irá mostrar informações sobre a página nossa inicial.
Aqui temos algumas outras funções não relacionadas diretamente com blogs, mas que também pode ser muito úteis.

define:
A consulta [define:] irá fornecer uma definição das palavras que você digitar após o mesmo, reunidas a partir de várias fontes on-line. A definição será para toda a frase entrou (ou seja, ele irá incluir todas as palavras na ordem exata que você digitou-los).

site:
Em sua consulta, o Google irá restringir os resultados aos sites de um determinado domínio. Por exemplo, [ajuda site:http://dicasparablogs.blogspot.com] irá encontrar páginas sobre ajuda dentro do nosso blog.
Se digitar [ajuda site: com] irá encontrar páginas sobre ajuda dentro dos URLs .com. Não pode haver espaço entre o "site:" e o domínio. Esta funcionalidade está disponível também através da busca avançada página, sob Advanced Web Search> Domínios.

allintitle:
Se você iniciar uma consulta com [allintitle:], o Google irá restringir os resultados para as pessoas com todas as palavras da consulta no título. Por exemplo, [allintitle: google search] retornará somente documentos que tenham tanto "google" como "search" no título.

intitle:
Em sua consulta, o Google irá restringir os resultados a documentos que contenham aquela palavra no título Por exemplo, [intitle: google search] retornará documentos que mencionam a palavra "google" no título, e mencionam a palavra "search" em qualquer parte do documento (título ou não). Nota: não pode haver espaço entre "intitle : "e a palavra seguinte.

Colocar [intitle:] na frente de cada palavra da consulta é equivalente a colocar [allintitle:] na frente de sua consulta: [intitle: google intitle: search] é o mesmo que [allintitle: google search].

allinurl:
Se você iniciar uma consulta com [allinurl:], o Google irá restringir os resultados para as pessoas com todas as palavras da consulta na url. Por exemplo, [allinurl: google pesquisa] retornará somente documentos que tenham tanto "google" e "pesquisa" na url.

Note-se que [allinurl:] funciona com palavras, não com componentes de URL Em particular, ignora pontuação. Assim, [allinurl: foo / bar] irá restringir os resultados a páginas com as palavras "foo" e "bar" na url, mas não é necessário que sejam separadas por uma barra dentro desse URL, que sejam adjacentes, ou que estejam nessa determinada ordem de palavras. Não há atualmente nenhuma maneira de impor essas restrições.

inurl:
Em sua consulta, o Google irá restringir os resultados a documentos que contenham aquela palavra na url. Por exemplo, [inurl: google search] retornará documentos que mencionam a palavra "google" na url e mencionam a palavra "search" em qualquer parte do documento (URL ou não). Não pode haver espaço entre "inurl:" e a palavra seguinte.

Colocar "inurl:" na frente de cada palavra de sua consulta é equivalente a colocar "allinurl:" na frente de sua consulta: [inurl: google inurl: search] é o mesmo que [allinurl: google search].

Queremos dizer que encontramos todas essas informações nas paginas de ajuda do Google, mas essas paginas tem seu conteúdo em inglês, então fizemos algumas adaptações com ajuda de programas e sites de tradução.

Fonte: dicas para blogs

Inserindo um Contador de Visitantes Online no seu blogger (blogspot)

2009-10-31T05:05:00.000-07:00

Mais um widget bacaninha para o seu blog.
É um contador de visitantes online bem discreto.
É possível configurar a fonte, a cor da fonte, a imagem(logo) de exibição...

Vejam um exemplo:

23 Visitantes Online

Gostou? Então pegue o seu AQUI
No mesmo site tem também um widget RECOMENDE e outros 02 tipos de contadores,de Hits e de Visitas.
http://www.opromo.com/
Uma boa pedida prá quem gosta de acompanhar

Fonte: dicas blogger

Colocando e fazendo botões para seu blogger (blogspot)

2009-10-31T04:19:00.001-07:00

Para fazer botões no seu site ou blog o jeito mais fácil é usar um estilo CSS para colocar essa imagem do botão como fundo de um texto(seus links). Calma parece um pouco complicado, mas são poucas linhas de códigos e depois colocar ou modificar os botões será uma tarefa muito simples e rápida.
Antes de começar precisamos achar ou criar 2 imagens para usar como botões, elas precisam ser do mesmo tamanho porque usaremos uma quando o blog aparece e a outra quando colocamos o mouse sobre o link. Veja aqui alguns programas grátis para editar imagens, eles são bons para fazer os botões e outras imagens que precise no seu blog. Depois disso você precisa hospedar as imagens em algum lugar sugerimos o ImageShack.

Agora vamos começar colocar os novos botões no seu blog, primeiro vamos colocar o estilo CSS, entre na pagina editar html, procure por body{...tem varias coisas aqui....}, antes da palavra body coloque o código abaixo:

.botao a{text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
background-color: #F2DBB9;
background-image: url(http://img10.imageshack.us/img10/5389/overuar.jpg);
width: 210px;
text-indent: 5px;
height: 30px;
display: block;
line-height: 30px;
font-size: 12pt;
}
.botao a:hover{
color: #000099;
background-color: #cbe1ec;
background-image: url(http://img254.imageshack.us/img254/6578/outa.jpg);
}

Assim fica bem fácil localizar esse código dos botões quando quiser fazer alterações nele, sua pagina editar html ficará assim:

/* Primary layout */
.botao a{text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
background-color: #F2DBB9;
background-image: url(http://img10.imageshack.us/img10/5389/overuar.jpg);
width: 210px;
text-indent: 5px;
height: 30px;
display: block;
line-height: 30px;
font-size: 12pt;
}
.botao a:hover{
color: #000099;
background-color: #cbe1ec;
background-image: url(http://img254.imageshack.us/img254/6578/outa.jpg);
}
body {background-color: $mainBgColor;

Então clique para salvar, agora vamos colocar os links onde usaremos esses botões, entre na pagina layout, clique em adicionar gadget, html/javascript e cole esse código:

<div class="botao">
<a href="endereço" target="_blank">nome do site</a>
<a href="endereço" target="_blank">nome do site</a>
<a href="endereço" target="_blank">nome do site</a>
<a href="endereço" target="_blank">nome do site</a>
</div>

Apenas faça as alterações colocando o nome e endereço dos sites que quiser, pode colocar quantos sites desejar não existe limite. Agora é só salvar e visualizar seu blog esses links já aparecerão com os botões que você fez.
Já parece tudo pronto, mas faltou explicar como alterar esses botões, o código que publicamos foi apenas um exemplo, os valores que estão no código são referentes ao tamanho do botão que usamos, então quando usar suas imagens faça os ajustes necessários.

text-indent: 5px; margem esquerda do texto
width: 210px; largura do botão
height: 30px; altura do botão
line-height: 30px; altura da linha(deve ser igual à altura do botão)

Sobre a largura do botão ainda temos que verificar se o texto de nossos links não serão grandes demais para o botão pois se o texto ocupar duas linhas a imagem do botão se repetirá e certamente o efeito visual disso é péssimo para o layout, neste caso você deve reduzir o texto do link ou refazer o botão mais largo.

Outro detalhe é o porquê usamos uma cor de fundo se já fizemos o botão com uma imagem, a resposta para isso é simples: é melhor prevenir do que remediar quer dizer em caso da imagem não carregar por qualquer motivo aparecerá uma cor de fundo mesmo assim que sugerimos usar uma cor parecida com a cor do botão. A utilidade disso é, por exemplo, se o fundo do seu blog for preto e usar um botão branco, com texto preto, se o botão não aparece por algum motivo o texto do link pode ficar invisível devido à cor de fundo do blog, então colocando uma cor de fundo no botão temos a certeza que pelo menos essa cor sempre aparecerá junto com o link.

Fonte: dicas para blogs

Aprenda aqui como abrir menu jump em uma nova janela (_blank) em seu Blogger (blogspot)

2009-10-30T13:31:00.000-07:00

Como abrir um menu de salto em uma nova janela? Já procurei tantas vezes a resposta e achei cada explicação e códigos complicados, sem contar a infinidade de nomes que usam menu jump, menu suspenso, menu com setinha no canto e outros nomes estranhos, faça o teste no menu ao abaixo.

Mas acabei encontrando a resposta e por incrível que pareça é bem simples, basta trocar duas palavras no código, esse é o código normal do menu de suspenso:

<form name="form" id="form">
<select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu('parent',this,0)">
<option>menu</option>
<option value="http://frasecurta.blogspot.com">Frase Curta</option>
</select>
</form>

Para fazer abrir em uma nova janela não tem nada a ver com trocar a palavra parent por blank, pois isso não funciona. Agora logo abaixo está o código modificado que abre os links em uma nova janela:

<form name="form2" id="form2">
<select name="jumpMenu2" id="jumpMenu2" onchange="window.open(this.value)">
<option>menu</option>
<option value="http://frasecurta.blogspot.com">Frase Curta</option>
</select>
</form>

A única diferença entre eles é que para abrir os link do menu de salto em uma nova janela trocamos o trecho MM_jumpMenu('parent',this,0) do primeiro código por onchange="window.open(this.value)” no segundo. Depois disso é só colocar quantos links quiser nas opções, repetindo a linha:

<option value="http://frasecurta.blogspot.com">Frase Curta</option>

Quantas vezes forem necessárias. Para colocar esse código no seu blog entre na pagina layout, adicionar gadget, html/javascript, coloque o código e clique em salvar e já está pronto.

Fonte: dicas para blogs

Fazendo com que seu blogger mostre o número total de Comentários e Postagens

2009-10-30T13:25:00.000-07:00

Uma curiosidade interessante de ser mostrada no blog é o numero total de postagens feitas e também o numero de comentários recebidos, então montamos esse código fizemos de um jeito que a formatação do texto será igual ao resto do seu blog, assim faz parecer que o numero postagens e comentários fazem parte do layout do blog, o código para colocar no blog é:

<script type="text/javascript" src="http://acessoriosparablogs.com.br/scripts/postagem.js"></script>
<script type="text/javascript" src="http://seu-blog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>
<script type="text/javascript" src="http://acessoriosparablogs.com.br/scripts/comentario.js"></script>
<script type="text/javascript" src="http://seu-blog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments">
</script>

Apenas altere onde está escrito seu blog no código, isso aparece 2 vezes e você deve modificar as duas, senão o código não funcionará. Para colocar no seu blog entre na página layout, adicionar gadget, html/javascript e cole o código já com o endereço do seu blog nele. Outra coisa que podemos alterar é a formatação, para isso vamos adicionar essa linha antes do código:

<div style="font-family:'Comic Sans MS'; font-size:16pt; text-align:center">

E essa esse comando depois da ultima linha: </div>

A formatação na linha é apenas um exemplo, então se quiser pode trocar o tipo e tamanho das letras, você só tem que alterar os valores no código:
comic sans ms é o tipo da fonte
16px é o tamanho
text-align:center – aqui a palavra center é o alinhamento, pode ser left(esquerda), right(direita).

Fonte: dicas para blogs

Aprenda como Registrar um Domínio Grátis (Registro Free)

2009-10-30T13:23:00.000-07:00

Encontramos outro site que registra domínio gratuitamente é o Dot TK, é fácil de criar seu domínio, e ainda fica uma url(endereço) bem curto para o blog, no caso deste blog ficou assim http://dicasparablogs.tk/, isso fica mais simples para ler e tem a vantagem de economizar caracteres que é muito importante no caso de enviar o link para alguém em sites como o Twitter então se gostou desse novo link para o nosso blog entre no site crie um domínio gratuitamente para o seu blog.

Então vamos começar entre no site do Dot DK e coloque o endereço do seu blog e clique em seguinte.

Na próxima tela ele vai mostrar uma sugestão de nome pra o seu domínio, provavelmente será algo assim: seublog.tk logo abaixo tem umas letras de confirmação para digitar e descendo mais na pagina ele oferece a opção de criar o seu domínio anônimo ou não, no site está assim: Domínio Gratuito Anônimo e do lado Domínio Gratuito Registrado depois mostra uma lista de coisas que você pode fazer se escolher registrar o domínio note que ambas são gratuitas.

Agora ele mostra opções para registro pago ou gratuito e mostra alguns serviços a mais que a opção paga tem, mas escolhemos a opção gratuito e clicamos em seguinte, então coloque seu endereço de email, digite as letras de verificação e clique seguinte. Isso mostra a pagina para colocar alguns dados que recebeu no seu email, mas se verificar seu email e não chegou nada é melhor aguardar e voltar mais tarde, no meu caso também não chegou na hora, voltei depois para terminar o cadastro.

Na hora que receber o email, nele contém as instruções para terminar seu cadastro, nele terá o link para concluir seu cadastro, então faça o seguinte:
Clique ou copie e cole no navegador o link da pagina de ativação é algo assim: http://my.dot.tk/registration/confirm?tk=.......

Quando abrir essa pagina, ela pedirá seu código de confirmação e depois a palavra passe, cuidado para não usar uma no lugar da outra, quando fiz o teste a palavra passe eram somente letras e no código de confirmação havia números também.
Então aparece a pagina inicial do site, no menu clique em Os meus domínios e logo abaixo vai aparecer Exibir lista dos meus domínios clique novamente.

Na próxima janela já vai aparecer o endereço que cadastrou lá no inicio com o final tk, agora é só copiar e colar no navegador para testar, deverá aparecer o seu blog e se gostou da idéia e do novo endereço pode começar a usar esse link para divulgar seu blog.

Existe apenas uma observação que é feita no próprio site, nesta mesma pagina de onde você copiou o seu novo domínio grátis e vou repetir aqui por achar muito importante: Lembre-se que os domínios GRATUITOS expiram após 90 dias em que menos de vinte cinco (25) utilizadores foram ao seu site. Quer dizer não adianta criar um domínio grátis e não utilizar.
Queremos avisar que se usar esse domínio do site Dot TK, a imagem que aparecerá na barra de endereço será a imagem do Dot TK.

Fonte: dicas para blogs

Veja quantas vezes cada usuário visitou seu blogger (blogspot)

2009-10-30T13:18:00.001-07:00

Além dos diversos tipos de contadores de visitas fornecidos por diversos sites, ainda é possível mostrar no blog quantas vezes cada pessoa entrou e seu blog, mas essa informação é apenas para quem visita o blog, por exemplo, vai aparecer no seu blog escrito: você já visitou esse blog 5 vezes, espero que tenha gostado! E a contagem continua automaticamente conforme a pessoa visualizar mais vezes seu blog.
Entre na página layout, adicionar gadget, html/javascript e coloque esse código:

<script type="text/javascript">
antes = 'você já visitou esse blog';
depois ='vezes, espero que tenha gostado!';
</script>
<script type="text/javascript" src="http://acessoriosparablogs.com.br/scripts/visitas.js"></script>

As frases que aparecem no código você pode mudar como quiser: (você já visitou esse blog) e (vezes, espero que tenha gostado!). Apenas tenha cuidado para não apagar as aspas, elas fazem parte do código e sem elas não vai funcionar.
Esse script funciona com base no histórico de internet que está no computador de cada pessoa que visita o blog, então quando você ou alguém limpar o histórico a contagem recomeçará, mas isso é individual, quero dizer a contagem é feita separadamente no computador de cada visitante, portanto somente no computador que for apagado o histórico a contagem recomeça do 0 novamente.

Fonte: dicas para blogs

Veja como é fácil formatar um Texto do Blogger

2009-10-30T13:15:00.001-07:00

Quando o assunto é fazer mudanças num blog o mais importante que precisamos saber é como funciona a formatação do blog, ou seja, como definimos onde as coisas vão aparecer, larguras das colunas, quantas colunas o blog tem, quais cores vamos usar, tipo, tamanho e cores das letras, imagens ou cores de fundo, bordas e outras coisas, isso tudo é feito com estilos CSS.
Falar sobre todos esses assuntos de uma só vez é praticamente impossível então vamos por partes, hoje vamos falar sobre formatação do texto. Veja o exemplo abaixo:

.post{font-family: "Comic Sans MS";
color: #0000CC;
font-size: 12pt;
font-style: italic;
line-height: 120%;
font-weight: bold;
text-decoration: none;
}
O inicio dele é o nome do estilo no exemplo acima .post, ou seja, esse estilo será aplicado nas postagens do blog, também poderíamos usar em qualquer outra parte: #sidebar é a coluna, body é a pagina inteira e assim por diante.
Agora vamos mostrar o que faz cada uma das linhas:

font-family: "Comic Sans MS";
Tipo de letra, poderia ser qualquer outra: arial, verdana, Times New Roman, mas não use fontes que você baixou da internet, porque o blog vai usar as fontes disponíveis no computador da pessoa que está visitando o blog, ou seja se essa pessoa não tiver a fonte que você escolheu ele vai usar outra e isso pode prejudicar sua formatação.

color: #0000CC;
aqui temos o cor do texto, para alterar é só trocar o código da cor.
font-style: italic;
Essa linha faz a fonte itálica, se não quiser apague essa linha ou coloque a palavra normal no lugar de italic

font-weight: bold;
Isso faz texto em negrito, se não quiser apague essa linha ou coloque a palavra normal no lugar de bold, se apagar a linha e o texto continuar em negrito é necessário deixar essa linha, mas com a palavra normal no lugar de bold, isso acontece, por exemplo, se outro estilo CSS já estiver usando bold, por exemplo, se usou texto em negrito no body{...} a pagina inteira ficará em negrito então onde queremos texto normal é preciso colocar font-weight: normal, essa mesma explicação vale para qualquer coisa feita em CSS, como por exemplo, o texto em itálico.

font-size: 12pt;
O numero 12 é o tamanho da letra

line-height: 120%;
120 é a altura da linha, ou seja, se aumentar esse valor terá um espaçamento maior entre as linhas do texto.

text-decoration: none;
Essa linha tira o sublinhado do texto, principalmente usado em links.

Se quiser criar uma formatação para um determinado texto pode usar como nome do estilo qualquer palavra, como .especial{....} o ponto antes da palavra especial faz parte do código, você pode usar esse estilo dentro de uma postagem ou nas colunas do blog inserindo o texto através da pagina layout, adicionar gadget, html/javascript e colocando o código <div class="post">seu texto formatado</div>

Por ultimo precisamos dizer para tomar muito cuidado com as aspas e ponto-e-vírgula e chaves que estão neste código, pois se apagar qualquer uma delas o código pode não funcionar corretamente.

Fonte: dicas para blogs

Colocando uma Imagem para seguir o ponteiro do mouse em seu blogger (blogspot)

2009-10-30T13:14:00.000-07:00

Essa é uma versão mais fácil de usar para colocar uma imagem seguindo o cursor do mouse no seu blog. Tudo que você precisa fazer é colocar a url de uma imagem no lugar indicado no código e pronto essa imagem vai aparecer junto com o ponteiro do mouse e se move junto com o mouse para qualquer lugar na tela.

<script type="text/javascript">
imagemcursor = 'http://img402.imageshack.us/img402/3562/glitterfy.gif';
</script>
<script type="text/javascript" src="http://cidadeweb.110mb.com/mouse.js"></script>

Cuidado para não apagar nada além do endereço da imagem, pois se apagar uma das aspas o código não funciona. Para colocar esse efeito no seu blog entre na pagina layout, adicionar gadget, html/javascript e cole o código já modificado com a imagem que você quiser, esse gadget com o código pode ficar em qualquer parte da página que funcionará na página toda, ou seja, a imagem segue o mouse por todo o blog.

Se for utilizar uma imagem redonda ou outro formato sugerimos que use uma imagem no formato gif com fundo transparente, porque o fundo da imagem vai aparecer também, mesmo que seja da mesma cor de fundo do seu blog, quando passar o mouse sobre o texto ou qualquer outra coisa dá pra notar o real formato da imagem, por isso achamos que o gif transparente é melhor opção.

Fonte: dicas para blogs

Dicas para melhorar seu blogger (blogspot)

2009-10-30T13:11:00.000-07:00

Colocar uma enquete no blog fácil e pode ajudar muito a saber como melhorar seu blog e ter mais visitas, entre na pagina layout, clique em adicionar gadget e na janela que abrir procure a opção enquete.

Depois é só preencher os campos de texto com a pergunta e as opções da enquete, definir uma data para terminar e pronto. Você ainda pode escolher se as pessoas poderão votar em uma ou mais opções, após fazer isso é só clicar em salvar e já está pronta e funcionando sua enquete. Além dessa opção do próprio blogspot ainda existem sites que fazem enquetes gratis por exemplo o Enquetes.com.br precisa fazer um cadastro mas é fácil de usar.

Mas além de colocar uma pesquisa no blog é preciso saber aproveitar as informações dela, quero dizer saber o que as pessoas gostam ou querem quando visitam nosso blog. Vejo algumas pesquisas por ai dizendo o que você achou desse blog com opções: ótimo, bom, regular, ruim, ou então você gostou do nosso novo template?(sim, mais ou menos, não) esses tipos de pesquisa não ajudam você a saber o que precisa melhorar no seu blog.

No caso de mudança de layout você poderia fazer uma enquete mais ou menos assim: o que você gostou mais em nosso novo template?(botões do menu, cores usadas, banner no lugar do titulo, musica de fundo, o modelo anterior era melhor) enfim crie opções relacionadas ao seu template, então saberá o que gostaram e pode pensar se é possível mudar algo na opção menos votada, coloquei uma opção falando do template anterior para substituir a opção ruim ou não gostei.

Blogs de musica ou downloads podem aproveitar muito os resultados das pesquisas para saber o que tem no seu blog que os visitam mais gostaram ou não gostaram, tudo é questão de fazer as perguntas certas, evite colocar opções nas enquetes que generalizam, por exemplo, gostei de tudo, não gostei, precisa melhorar um pouco. Quando criar sua enquete pense como os resultados delas vão ajudar você saber o que precisa modificar, colocar ou tirar do seu blog.

Naturalmente não estou dizendo para fazer tudo que as pesquisas mandarem, já disseram a formula para o sucesso não sei, mas para o fracasso é querer agradar a todos. Então veja e pense sobre os resultados das pesquisas que fizer no seu blog. Procure sempre criar enquetes que mostrem o que seu visitante quer ou gosta assim ficará mais fácil saber o caminho a seguir para fazer as pessoas voltarem mais vezes no seu blog e assim conseguir mais visitas ficará mais fácil.

Fonte: dicas para blogs

Veja como hospedar Arquivos, mp3, filmes, etc para Download em seu blogger

2009-10-30T12:55:00.000-07:00

Para os blogs de downloads de filmes, musicas, programas e outras coisas uma das coisas mais importantes saber onde e como hospedar seus arquivos que serão baixados pelos visitantes, então aqui estão algumas dicas de sites para hospedar os arquivos para download gratuitamente e às vezes é até possível ganhar dinheiro com os downloads feitos pelos visitantes do seu blog.

Megaupload
Site em português, não é necessário cadastro, porém, obtendo uma associação gratuita há algumas vantagens.
Seus arquivos ficarão armazenados para sempre desde que você seja um membro Premium. Se você não for um membro Premium, seus arquivos poderão ser armazenados no máximo por 90 dias após seu último download. Um arquivo que foi carregado de modo anônimo (que não é de propriedade de algum usuário do Megaupload) deverá ser deletado até 21 dias após a última vez que foi baixado.
Se quiser que seus arquivos possam ser baixados por qualquer um, certifique-se que não ultrapasse o limite de 1024 Mb. Arquivos maiores do que isso só poderão ser baixados por usuários Premium.
Você ganha um ponto por download e tem a opção seja de esperar até que tenha ganho até mesmo mais pontos ou resgatar alguns dos nossos prêmios:
10000 pontos de premiação: associação Premium de um mês
50000 pontos de premiação: Título de Sócio Premium de 6 meses
100000 pontos de premiação: Associação Premium de 1 Ano
500000 pontos de premiação: Premium Total + $500 USD
1000000 pontos de premiação: $1500 USD
5000000 pontos de premiação: $10000 USD

RapidShare
Site em inglês, não é necessário cadastro para enviar arquivos para o site.

Limite máximo do arquivo: 200MB.
O arquivo é excluído automaticamente após 90 dias de inatividade, mas se você fizer seu cadastro, os arquivos não são apagados.
A cada arquivo transferido (baixado) você ganha um ponto, porém, o arquivo deve ter um um tamanho maior que 5 megabytes, além de na última hora o usuário não ter ganho mais que 3 rapidPoints, depois é possível trocar esses pontos por prêmios.

Easy Share
Site em inglês, não é necessário cadastro para fazer o upload do arquivo.
Para quem é cadastrado pode-se fazer o upload também através de FTP.

Você pode ganhar dinheiro (ePoints) com o Easy Share, envie arquivos para o serviço (divulgue seus links), quanto mais baixarem seus arquivos mais você ganha; ao juntar 15.000 ePoints, pode-se solicitar no site 1 mês de conta premium, ou o resgate do dinheiro
Seus arquivos serão removidos se ficar mais de 30 dias sem fazer login no site.

4shared.com
Site em português, mas com algumas partes em inglês. Para enviar arquivos é necessário cadastro.
Possui um buscador de arquivos aberto a qualquer pessoa, isto é, busque e faça o download.

Tempo dos arquivos: deve-se logar ao menos uma vez a cada 30 dias para que a conta não seja excluída (inclusive os arquivos).
Você pode ganhar dinheiro com os downloads de seus arquivos, pois você ganhará ePoints cada vez que alguém baixar seus arquivos. Você vai fazer até 2 ePoints por download, com base no país de origem do usuário que baixar seu arquivo:
2 ePoints - Austrália, Áustria, Bélgica, Canadá, Dinamarca, Alemanha, Grã-Bretanha, Grécia, França, Finlândia, Irlanda, Itália, Holanda, Noruega, Portugal, Suécia, Espanha, Singapura, Arábia Saudita, EUA
1 ePoint - Brasil, República Checa, Índia, Japão, Malásia, México, Turquia, Polônia, Rússia, Ucrânia
0,1 ePoint - outros países

As informações foram retiradas do setor de ajuda dos próprios sites. Geralmente o melhor formato para hospedar um arquivo é .zip, veja como criar arquivos no formato .zip, pois é mais fácil achar hospedagem e o arquivo fica menor ou seja quando você colocar o arquivo no site ou alguém fizer o download do arquivo isso acontecerá mais rápido.

Fonte: dicas para blogs

Aprenda como criar um menu horizontal (Links lado a lado no blogger)

2009-10-30T12:50:00.000-07:00

Colocar um menu horizontal, aquele que os links ficam um do lado do outro, é mais simples do que parece, nós apenas precisamos de algumas linhas de CSS, copie o código abaixo e coloque no seu blog através da pagina layout, adicionar gadget, html/javascript:

<style type="text/css">

</style>
<ul id="page-bar">
<li><a href="url do item" target="_blank">Item 1</a></li>
<li><a href="url do item" target="_blank">Item 2</a></li>
<li><a href="url do item" target="_blank">Item 3</a></li>
<li><a href="url do item" target="_blank">Item 4</a></li>
<li><a href="url do item" target="_blank">Item 5</a></li>
</ul>

No meio desse código todo uma das partes mais importante é a configuração de largura dos botões veja no estilo #page-bar li a tem width: 150px; isso é a largura de cada item, então faça os ajustes necessários, ou seja, se o menu horizontal ficar menor que a largura do blog aumente esse valor. Caso um ou mais itens do menu ficar na linha debaixo é preciso diminuir a largura de cada item(150) ou tirar algum dos itens do menu.

A parte final do código é só colocar o endereço dos sites e trocar o texto item1, item 2.. pelos nomes dos sites, mais uma vez cuidado com a quantidade de links, pois se colocar muitos links o menu ficará muito largo então mudará de linha, como já dissemos se acontecer isso é preciso tirar links ou diminuir o valor 150px.

As partes #page-bar li a{...} e #page-bar li a:hover{...} são o que controlam aparência dos links, então se quiser é possível modificar esse estilo para deixar do jeito que combine melhor com seu blog. Já fizemos uma postagem sobre menu horizontal, mas alguns acharam que ficou difícil de instalar, espero que assim, colocando o código num lugar só fique mais fácil.

Fonte: dicas para blogs

Colocando um Submenu no Blogger (blogspot)

2009-10-30T12:48:00.001-07:00

Colocar um submenu no blog é um pouco mais complicado que um menu normal. Para não deixar duvidas um submenu é quando você passa o mouse pelo menu e sobre algum item aparecem mais opções, por exemplo, um menu de um blog de downloads tem musica, jogos, filmes, games e outros itens, quando você coloca o mouse sobre o item filmes aparece um novo menu ao lado com os itens suspense, terror, comédia, adulto...
Agora que já explicamos como funciona o submenu vamos começar a dizer como colocar um no seu blog. Entre na pagina layout, adicionar gadget, html/javascript e coloque o código abaixo, por ser um código grande pode haver algum problema com o código em copiar e colar direito do blog, então temos aqui o mesmo código pronto para download.

<style type="text/css">

</style>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Item 1</a>
<ul>
<li><a href="link do Item 1.1">Item 1.1</a></li>
<li><a href="link do Item 1.2">Item 1.2</a></li>
<li><a href="link do Item 1.3">Item 1.3</a></li>
</ul>
</li>
<li><a href="#">Item 2</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
<ul>
<li><a href="link do Item 3.1">Item 3.1</a> </li>
<li><a href="link do Item 3.2">Item 3.2</a></li>
<li><a href="link do Item 3.3">Item 3.3</a></li>
</ul>
</li>
<li><a href="#">Item 4</a></li>
</ul>
<p>
<script src="http://cidadeweb.110mb.com/dicas/SpryMenuBar.js" type="text/javascript"></script>
<script type="text/javascript">

</script>

Na parte final tem os itens, veja nesta pagina o menu com submenu em funcionamento e ficará mais fácil entender como colocar os títulos que quiser no menu do seu blog e nos submenus. Vamos falar sobre o item 1, isso é o texto que vai aparecer no seu blog, o link dele é daquele jeito mesmo só um sinal de jogo da velha, os subitens é só trocar onde está Item 1.1 pelo titulo que desejar e colocar a url no lugar indicado na mesma linha, e assim por diante em todos os outros links.

Você deve colocar esse código onde aparecerá o menu horizontal com submenu, lembre-se que se o espaço (largura) do seu blog não for suficiente para o menu completo um ou mais itens vão para linha debaixo, portanto é preciso ter cuidado com o numero de itens e a largura do botão para alterar a largura de cada botão mude o valor 150px, veja no código ele aparece 4 vezes width: 150px; você deve mudar esse numero em todos, ou seja, se colocar 130px tem que alterar nos 4 lugares que aparece o 150.

Para mudar as cores, letras, fundo e tudo mais dos botões é nesta parte do código:

ul.MenuBarHorizontal a
{background-color: #6633FF;
border-top: 1px solid #FFFFFF;
color: #FFFFFF;
border-right: 1px solid #0000CC;
border-bottom: 1px solid #0000CC;
border-left: 1px solid #FFFFFF;
font-size: 120%;
text-decoration: none;
padding-top: 5px;
padding-bottom: 4px;
width: 150px;
display: block;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}

E o estilo quando o mouse está sobre ele é aqui:

ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{background-color: #FFCC99;background-image: url(http://img16.imageshack.us/img16/122/overc.gif);
color: #000000;letter-spacing: normal;word-spacing: normal;border-top: 1px solid #FFFF00;
border-right: 1px solid #CC0000;
border-bottom: 1px solid #CC0000;
border-left: 1px solid #FFFF00;
}

Fonte: dicas para blogs

Colocando botões para enviar postagens para Redes Sociais

2009-10-30T12:29:00.001-07:00

Um bom jeito de conseguir mais visitas para o seu blog é colocar os botões para enviar suas postagens para as redes sociais, assim além de você qualquer pessoa que visitar seu blog pode indicar suas postagens para um desses sites e assim gerar um aumento no numero de visitantes do seu blog.
Para colocar esses links para redes sociais clique aqui e baixe o código completo, ele contém imagens com links para enviar as postagens do seu blog para o Dihitt, Twitter, Ocioso, Technorati, Blogblogs e muitas outras.

Depois entre na pagina layout, e coloque o código abaixo junto com os outros estilos CSS do seu blog, pode ser logo depois que fechar o estilo body{......}

.redesocial img{padding: 5px;display: inline}

Isso faz que as imagens das redes sociais apareçam uma do lado da outra, clique para salvar, agora clique para expandir modelos de widgets e procure por:

<div class='post-body entry-content'>

<data:post.body/>

Coloque o código que baixou em nosso link depois da linha acima, e clique para visualizar o blog, deve aparecer seu blog com o botão de varias redes logo após cada postagem. Junto com os botões das redes sociais colocamos como ultimo item na lista um botão com o link dessa postagem, é uma forma de permitir que outras pessoas achem facilmente esse código a partir do seu blog por isso pedimos para não retirar o ultimo botão do código.

Fonte: dicas para blogs

Criando exibição de banners em posição randômica / aleatória em seu blogger

2009-10-30T12:28:00.000-07:00

Este script serve para quando você possui vários parceiros ou banners e recebe reclamações que os banners ficam muito em baixo ou ficam questionando você por que o banner de ciclano está lá no topo e o dele não. Para resolver este problema criei este sistema de randomização de banners que a cada vez que a página é recarregada os banners aparecerão em ordem aleatória na página.
Este script você colocará no local onde aparecerão os banners, então entre na pagina layout, adicionar gadget, html/javascript e coloque esse código:

<script type="text/javascript">
/* Esta função irá fazer o randômico dos banners */
function randOrd()
{
return (Math.round(Math.random())-0.5);
}
/* Função que irá ecrever os banners na tela*/
function randBan(){
var parceiros = new Array();

/* Aqui você coloca a quantidade de banners que você irá rotacionar, voce pode criar de parceiros[0] até parceiros[N]. O exemplo abaixo é o exemplo usado em meu site que é exibido a lista de banners um abaixo do outro (colocarei apenas 3 banners para nao enxer muito a tela de código)*/
parceiros[0]='<a href="http://www.caixapretta.com.br" target="_blank" title="Caixa Pretta - Desligue a TV e vá ler um blog!"><img border="0" src="http://www.caixapretta.com.br/wp-content/themes/caixapretta/imagens/banner_cp.jpg"/></a>';

parceiros[1]='<a href="http://www.ocioso.com.br/default.asp" target="_blank" title="Está no seu momento de descanso né? Entao clique aqui!"><img border="0" alt="Está no seu momento de descanso né? Entao clique aqui!" src="http://www.ocioso.com.br/imagens/icone.gif"/></a>';

parceiros[2]='<a href="http://www.chongas.com.br" target="_blank"><img border="0" alt="As novidades da internet" src="http://i178.photobucket.com/albums/w268/lamenza/selo_chongas_120x60px.gif"/></a>';

//Aqui iremos randomizar a posição dos banners
parceiros.sort( randOrd );

//Aqui iremos escrever os banners em sua ordem aleatória
for(i=0;i<=parceiros.length-1;i++) document.write(parceiros[i] + '<br>');
return;
}
randBan();
</script>

Salve e verifique se os banners estão alternando, depois disso basta você trocar os endereços dos site e imagens como quiser. Para colocar mais banners basta continuar repetindo a função parceiros[2]='....', claro que dando continuidade a numeração.

Fonte: dicas para blogs

Destacando uma parte do texto de seu blogger (blogspot)

2009-10-30T12:25:00.001-07:00

Em diversas ocasiões queremos dar destaque para um trecho de nosso texto, então às vezes usamos o texto em negrito ou itálico, porém existe outro jeito bem simples e muito melhor para deixar uma parte do texto bem diferente de todo o resto. Fazendo uma caixa de outra cor com essa parte que vamos dar destaque, o código é assim:

<div style="width: 300px;padding: 3px;border: 1px solid #000000;background-color: #CCCCCC;">Seu texto escrito aqui</div>

Para deixar essa caixa de texto em destaque do jeito que combine melhor com o seu blog, vamos entender como modificar o código.

width: 300px largura da caixa se quiser pode apagar essa linha e a caixa ficará com a maior largura possível.
padding: 3px margem entre o texto e as bordas
border: 1px solid #000000 espessura, estilo e cor das bordas, vejam mais sobre como fazer e alterar bordas.
background-color: #CCCCCC; cor de fundo veja o código de outras cores.

Então seguindo essas explicações fica fácil modificar a formatação dessa caixa de texto em destaque no seu blog, você pode usar isso nas colunas ou nas postagens do blog e se quiser pode até colocar imagens dentro da caixa, apenas observe para a largura da imagem não ser maior do que a própria caixa.

Fonte: dicas para blogs

Fazendo backup do seu Blogger (cópia de segurança do blogspot)

2009-10-30T12:23:00.001-07:00

Para não correr riscos de perder as coisas que já publicou no seu blog é bom fazer um backup de todas suas postagens e também do modelo que usa atualmente. Então vamos mostrar como é simples salvar uma cópia do seu blog no computador para poder usar em caso de algum problema.

Fazer um backup do blog é bem simples, entre em configurações e clique em exportar blog, vai abrir uma janela de download como se estivesse baixando qualquer outro arquivo, o tempo que vai demorar esse download varia conforme o numero de postagens que já fez. Isso vai salvar o seu modelo e todas suas postagens.

Isso é diferente do backup feito na pagina editar html onde vemos escrito Antes de editar o modelo, é recomendável salvar uma cópia do mesmo. Baixar modelo completo, isso vai salvar apenas o código do modelo do blog e não as postagens.

Fonte: dicas para blogs

Como aparecer imagens de seu blogger na Pesquisa de imagens Google

2009-10-30T12:21:00.001-07:00

Como fazer para as imagens do meu blog ou site aparecerem nos resultados da pesquisa Google de imagens, essa é um boa pergunta, mas tem algumas dicas que ajudam muito para conseguir.

A pesquisa Google de imagens procura pelo nome do arquivo então na hora de salvar a imagem que usará no blog escolha bem o nome da imagem. Não use nomes como img3484, foto, imagem, esses nomes não dizem praticamente nada sobre o que é a foto. Então se for publicar uma foto de cachorro, por exemplo, use como nome da imagem cachorro-labrador, filhote, filhotes-lindos, ou qualquer coisa do tipo, use o traço para separar as palavras.

Outra coisa importante é usar o atributo alt no código da imagem, veja abaixo:

<a href="url do site"><img src="endereço da imagem" alt="Filhote de Labrador" border="0" /></a>

Procure escrever um tipo de descrição da imagem, continuando o exemplo do filhote de cachorro que usei acima poderíamos usar assim Lindo filhote de Labrador ou alguma coisa do tipo, que ajude a dizer qual o conteúdo da foto ou imagem que publicamos.

Claro que usar essas técnicas não é garantia que suas imagens aparecerão nos resultados das pesquisas, afinal muitos sites fazem o mesmo, mas isso funciona de verdade, depois que comecei escolher melhor o nome do arquivo e usar o alt já recebi algumas visitas vindas de buscas de imagens. Usamos como base para fazer essa explicação a página de Ajuda para Webmasters do Google, nela você encontra essa explicação sobre imagens e muitas outras coisas.

Fonte: dicas para blogs

Colocando uma pesquisa dentro do seu blogger (pesquisa interna no blogspot)

2009-10-30T12:16:00.001-07:00

Para colocar uma caixa de busca no blog e permitir que nossos visitantes façam pesquisas dentro do blog é uma coisa bem útil e facilita que as pessoas encontrem o que procuram. Usamos o seguinte código:

<div align="center"><FORM method=GET action="http://www.google.com.br/search">
<INPUT TYPE=text name=q size=25 maxlength=255 value="">
<INPUT type=submit name=btnG VALUE="Pesquisar">
<input type=hidden name=domains value="endereço do seu blog"><br><input type=radio name=sitesearch value="">Web<input type=radio name=sitesearch value="endereço do seu blog" checked>Neste site<br>
</FORM></div>

Se quiser pode modificar o tamanho do campo de texto mudando o numero 25, outra coisa é o texto Neste site você pode escrever o que desejar, por exemplo o nome do seu blog.

Isso faz o Google pesquisar as palavras digitadas somente dentro do endereço que colocamos no local indicado, assim fica fácil achar qualquer coisa no blog. Você só precisa colocar o endereço do seu blog nos locais indicados no código e depois colocar o código pela pagina layout, adicionar gadget, html/javascript e já está pronto.

Se quiser você pode criar um código parecido com esse no site do Adsense e além de mostrar um sistema de busca no seu blog ainda pode ganhar algum dinheiro quando as pessoas utilizarem as pesquisas Google através do seu blog.

Fonte: dicas para blogs

Fixando uma postagem no início do blogger (blogspot)

2009-10-30T12:02:00.000-07:00

Conseguir deixar sempre a mesma postagem no inicio do blog não é possível, mas existe um jeito de fazer isso, basta adicionar um gadget e colocá-lo em cima da postagem, assim vai parecer que é sempre a mesma postagem está fixa no inicio do blog.

O primeiro passo é preparar o texto que vai ficar no inicio do seu blog, pode colocar até imagens se quiser, mas neste caso hospede as imagens no ImageShack, assim ficará mais fácil na hora de publicar. Após já ter o conteúdo pronto vamos entrar na pagina layout do blog, clique para adicionar um gadget e escolha a opção html/javascript.

Coloque o seu texto e o código da imagem(se quiser) e clique para salvar depois é só clicar sobre o gadget e posicionar em cima do gadget das postagens e já está pronto agora o seu blog terá sempre esse texto no inicio.

Mas ainda podemos melhorar isso um pouco se quiser colocar um titulo com formatação diferente use esse código lugar do título.

<span style="font-size:18pt; text-align:center">Titulo Aqui</span>

Isso é uma formatação normal em CSS então pode modificar como desejar. Outro detalhe que melhora muito a aparência da postagem é colocar a imagem com texto em volta dele, como normalmente fazemos para fazer isso só precisa adicionar esse trecho style="float:right; margin-left:3px"> no código da imagem que ficará assim:

<img src="endereço da imagem" border="0" style="float:right;
margin-left:3px">

A palavra right faz a imagem ficar a direita e usamos margin-left depois para dar um pequeno espaço entre a foto e o texto(3px), porém se quiser a imagem do outro lado é só trocar de lugar as palavras right e left no código.

Fonte: dicas para blogs

Criando uma postagem expansível com uma miniatura da imagem no blogger (blogspot)

2009-10-30T11:55:00.000-07:00

Muitas pessoas perguntam sobre como fazer aparecer somente um resumo da postagem e no final escrito leia mais… para clicar e ver a postagem completa encontramos um código que faz isso e ainda mostra uma miniatura da imagem junto com esse resumo do texto, ou seja, é um dos melhores jeitos de mostrar um link leia mais para postagens expansíveis. Além disso, não é necessário fazer alteração alguma nos texto que você já publicou quando colocar os códigos todas as postagens mudam automaticamente para o sistema expansível. Uma coisa indispensável para esse código funcionar é verificar se nas configurações, guia arquivamento a opção Ativar páginas de postagem? tem que estar habilitada(selecionado o sim). Caso contrário não será possível fazer as postagens expansíveis.

Entre na pagina editar html(não clique para expandir o modelo) e procure pela tag </head> e coloque esse código antes dessa tag.

<script type='text/javascript'>
summary_noimg = 330;
summary_img = 300;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://acessoriosparablogs.com.br/scripts/resumopost.js' type='text/javascript'/>

Clique para salvar depois clique para expandir o modelo e procure por < data:post.body/ > apague essa linha e cole esse trecho no lugar:

<p><b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb
("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Leia mais...</a>
</span></b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if></p>

Clique para visualizar o blog e se estiver tudo certo salve as alterações no modelo e já está tudo pronto, agora seu blog mostra apenas um resumo da postagem e uma miniatura da imagem e quem gostar pode clicar para ver o texto inteiro.

Se quiser podemos personalizar esse código mudando a quantidade de caracteres que aparecem no resumo e o tamanho da miniatura da imagem, veja abaixo:

summary_noimg = número de caracteres do resumo se o texto não tiver imagens
summary_img = número de caracteres do resumo se o texto não tiver imagens img_thumb_height = Altura da miniatura da imagem
img_thumb_width = Largura da miniatura da imagem

Na segunda parte do código tem escrito 'data:post.url'>Leia mais...</a> esse leia mais é o texto que aparece para clicar e expandir a postagem então você pode escrever o que desejar aqui, mas cuidado para não apagar os sinais do código, modifique deixando o trecho assim 'data:post.url'>Texto aqui</a>. Para formatar esse texto entre na pagina editar html e coloque junto com os estilos CSS isso aqui:

.rmlink a{border: 1px solid #666666}
.rmlink a:hover{border: 1px solid #000000}

aqui coloquei apenas bordas para dar um exemplo, mas pode usar qualquer tipo de formação CSS que desejar.

Acho que essa é uma maneira bem melhor do que usar aquela outra explicação que precisa fazer alterações em cada postagem, mas se quiser ver o outro jeito tem na Ajuda do Blogger.

Se quiser veja o blog Meu Jornal estou usando esse código nele para demostração.

Fonte: dicas para blogs

Aprenda a coloca um menu expansível no seu blogger

2009-10-30T11:53:00.000-07:00

Hoje vamos fazer um menu expansível ou então colocar algum conteúdo que só é mostrado ao clicar no título, ele funciona da seguinte maneira aparece somente o título do menu e quando clicamos ele desliza mostrando seu conteúdo e se clicar novamente ele volta a desaparecer. Você pode usar para colocar o que você quiser: texto, uma lista de links, imagens... Para colocar esse menu expansível no blog dá um pouco de trabalho, mas vale à pena, pois o efeito visual dele é muito bom.
Entre na pagina editar html e ache </head> então coloque isso antes dessa tag:

<script src="http://cidadeweb.110mb.com/SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"></script>

Após isso vá um pouco mais acima e junto com os outros estilos CSS cole esse trecho:

.CollapsiblePanel {
padding: 3px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.CollapsiblePanelTab {
margin: 0px;
padding: 2px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
font-style: italic;
}
.CollapsiblePanelContent {
padding: 5px;
background-color: #FFFFCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-weight: normal;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
}
.CollapsiblePanelTab a {
color: black;
text-decoration: none;
}
.CollapsiblePanelOpen .CollapsiblePanelTab {
background-color: #FFCC99;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;}
.CollapsiblePanelTabHover, .CollapsiblePanelOpen .CollapsiblePanelTabHover {
text-decoration: underline;
color: #0000FF;}

Para modificar as cores que usamos veja como formatar texto, modificar bordas e fazer botões e modifique os estilos CollapsiblePanelContent(conteúdo), CollapsiblePanelOpen .CollapsiblePanelTab(título quando o conteúdo é mostrado) e CollapsiblePanelTab (link para mostrar o conteúdo), reparem que usamos o código as bordas separadamente para cada lado(left, right, top, bottom) isso para fazer parecer uma caixa quando expandimos o menu, então modifique como desejar. Então clique para salvar, por enquanto ainda não aparecerá nada no seu blog.

Entre na pagina layout, adicionar gadget, html/javascript e cole esse código:

<div id="CollapsiblePanel1" class="CollapsiblePanel">
<div tabindex="0" class="CollapsiblePanelTab">título do menu</div>
<div class="CollapsiblePanelContent">Conteúdo Oculto</div>
</div>
<script type="text/javascript">

</script>

Onde está escrito título do menu é o texto que aparecerá no seu blog, quando alguém clicar nele vai abrir o resto do menu e mostrar tudo que tem dentro daquele menu. Portanto onde escrevemos conteúdo oculto você deve colocar o que desejar links, imagens, enfim qualquer coisa, apenas no caso de imagens cuidado com a largura da coluna do blog onde estará o menu, pois se a imagem for mais larga que o blog provavelmente terá problemas.

Então se for usar mais de desses menus com conteúdo oculto não precisa apenas repetir a ultima parte do código que é para ser colocada pela pagina layout, o restante que fizemos na pagina editar html não precisa de alterações. Mas necessário fazer alguns ajustes, repare que no inicio aparece:

<div id="CollapsiblePanel1" class="CollapsiblePanel1">

e no final:

var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", {contentIsOpen:false});

Onde tem CollapsiblePanel1 continue a contagem modificando no inicio e no final para CollapsiblePanel2 e assim por diante, tome cuidado para não se esquecer de alterar nenhum deles(um no começo e duas vezes no final), outro detalhe é cuidado para não confundir a letra l com o numero 1 quando for modificar a contagem, aconteceu comigo quando estava escrevendo essa explicação. E assim poderá usar quantas vezes quiser o menu expansível no seu blog. Você poderá ver isso em funcionamento em nossa página de duvidas frequentes.

Fonte: dicas para blogs

Fazendo uma Galeria de Imagens no Blogger

2009-10-30T11:49:00.000-07:00

Às vezes queremos colocar varias imagens ou fotos na mesma postagem, mas fica um pouco esquisito, ocupando espaço demais na pagina, então uma boa solução para esse problema é organizar uma galeria de fotos ou dizendo em outras palavras fazer que todas as imagens apareçam no mesmo lugar, como um slide com miniaturas ou links que clicamos para ampliar as fotos. Veja o código:

<iframe src="http://img41.imageshack.us/img41/9807/oceanon.jpg" marginheight="0" marginwidth="0"frameborder="0" width="400" height="300"scrolling="no" name="galeria" id="galeria"></iframe><br />
<a href="http://img11.imageshack.us/img11/6259/lhlake.jpg" target="galeria">Lago</a>
<a href="http://img190.imageshack.us/img190/851/praia.jpg" target="galeria">Praia</a>

Se quiser hospede as imagens no ImageShack então pegue o endereço de cada uma subtitua no código, lembrando que a imagem que está na parte do iframe vai aparecer e as outras ficaram ocultas só aparecendo quando clicar nos links abaixo, cuidado para não pegar o código errado a url da imagem está em direct link. Outro detalhe é que se invés de usar palavras quiser usar miniatura das imagens para fazer os link é possivel basta colocar o target="galeria" no código.

A parte principal é observar target=”galeria” veja que esse é o mesmo nome que usamos logo na primeira linha name="galeria", então se for usar mais de uma vez esse código no seu blog ou site tem que usar nomes diferentes para evitar erros. Veja a demostração do código dessa galeria de imagens em funcionamento

Cuidado com o tamanho das imagens elas tem que ser todas iguais no caso usei 400 por 300, esse numero também está no código do iframe, então faça os ajustes nas imagens antes de publicar. Isso porque na verdade o iframe não é transparente, ele tem fundo branco então se as imagens forem de tamanho diferente ficará aparecendo uma margem branca, além disso, elas ficaram cortadas, pois o tamanho 400 por 300 que colocar no código do iframe é fixo, ou seja, ele não se ajusta ao tamanho das imagens.

Fonte: dicas para blogs

Ampliando seu lucro com o Blogger

2009-10-30T11:47:00.001-07:00

Existem varias maneiras de ganhar dinheiro com o blog a mais comum é usar o Google Adsense, mas além dele existem muitos outros sites que você pode utilizar para conseguir aumentar o lucro com seu blog, por exemplo, o Hotwords.

Os anúncios do Hotwords funcionam de forma diferente, ele não mostra um banner ou coisa do tipo, mas transforma algumas palavras do seu texto em links e você ganha cada vez que alguém clicar nesses links.

Para começar a utilizar e ganhar dinheiro com o Hotwords no seu blog primeiro precisa fazer um cadastro e aguardar a aprovação pelo site, depois é só pegar o código e colocar no seu blog. No site deles tem uma explicação em video sobre como colocar o código no blog e o melhor é falado em português, veja os links sobre como instalar o Hotwords no Blogspot, WordPress, Joomla. Depois que fizer seu cadastro logo que entrar no site links para tutorias explicando a instalação para esse e outros tipos de blogs.

Veja a pagina de tutoriais de instalação para esses blogs que aparecem na imagem
Depois de instalar o código demora algumas horas para começarem a parecer os anúncios, outras duvidas no próprio site é possível resolver, pois achei muito bons os links de ajuda. E pode ser usado junto com adsense como fazemos neste blog, assim é uma boa alternativa para aumentar os lucros com o blog e não ocupar mais espaço com banners ou outro tipo de publicidade.

Fonte: dicas para blogs

Exibir um Top de Comentaristas no seu Blogger

2009-10-30T11:44:00.000-07:00

Encontramos um jeito fácil de mostrar os top comentaristas do seu blog basta colocar o código abaixo pela pagina layout, adicionar gadget, html/javascript e aparecerá a lista com as 10 pessoas que mais comentaram o seu blog.

<script type="text/javascript" src="http://acessoriosparablogs.com.br/scripts/topcomentarios.js"></script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=c22bc75103bb7b9a4234bc4e1170b17b&EntertheURL=http://dicasparablogs.com.br&number=10&Nametobeexcluded=fabiano roberto&Nametobeexcluded2=" type="text/javascript"></script>

Antes de colocar o código altere o endereço do blog e seu nome onde está http://dicasparablogs.com.br e fabiano roberto, colocar seu nome serve para você não aparecer na lista pois provavelmente é quem mais comentou o blog respondendo outros comentários, mas coloque seu nome exatamente como está no seu perfil do blogger, cuidado para não apagar nada além disso pois se faltar qualquer coisa o código não funciona. Quando a formatação esse script usará a mesma dos links do seu blog. Ainda é possível definir quantos top comentaristas aparecerão em nossa lista, apenas modifique o numero 10 desse trecho num=10&

Fonte: dicas para blogs

Trocar a imagem da Cartinha no blogger (Enviar Postagem no blogspot)

2009-10-30T11:42:00.000-07:00

Para os que gostam de personalizar tudo no blog uma boa dica é mudar aquela imagem da cartinha que serve para enviar uma postagem para um amigo que fica no final de cada postagem. E trocar aquela imagem é mais simples do que parece.

Entre na pagina editar html, clique para expandir o modelo e procure por esse trecho:

<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif'
width='18'/>

Então é só colocar o endereço de outra imagem no lugar que está em negrito e alterar os valores height 13(altura da imagem) e width 18(largura da imagem) e agora já está tudo pronto. Quando visualizar seu blog essa nova imagem aparecerá no final dos posts do seu blog para que seus visitantes possam indicar seu blog por email, apenas tenha cuidado para usar a url correta da imagem.

Fonte: dicas para blogs

Caixinha com o link no final de cada postagem

2009-10-30T11:36:00.000-07:00

Um bom jeito de conseguir mais visitas para o blog é colocar uma caixinha no final de cada postagem com o código pronto do link daquela postagem para outros blogueiros, isso ajuda aumentar o numero de visitantes no blog de duas maneiras.
Primeiro as pessoas que visitam esses blogs que tem seu link pode achar o título interessante e clicar nele. O segundo modo é aumentar o numero de seus links espalhados pela internet, isso faz melhorar sua classificação no alexa, pagerank e assim tem mais chances de aparecer melhor classificado nos resultados da pesquisa Google, Yahoo e outras. Melhor classificado significa aparecer entre os primeiros resultados da pesquisa.
Para colocar uma caixinha com o link de cada postagem entre na pagina html, clique para expandir o modelo e procure por:<data:post.body/>

Isso varia um pouco dependendo do modelo do blog se não encontrar retire os sinais <>/ que estão juntos pode haver algum espaço vazio que não permite localizar usando o ctrl F, então talvez não seja exatamente igual no seu blog, então logo depois coloque isso:

<div align='center'><br/><br/>Link para essa postagem<br/>
<textarea cols='25' name='yourForm' onfocus='this.select()' onmouseover='this.focus()'
rows='3'><b:if cond='data:post.link'><a expr:href='data:post.link'><data:post.title/></a><b:else/><b:if cond='data:post.url'><a expr:href='data:post.url'><data:post.title/></a><b:else/><data:post.title/></b:if></b:if></textarea>
<br/><br/></div>

Agora clique para visualizar o blog e depois salvar, e já está terminado, agora no final de cada postagem o seu blog mostrará uma caixa com o link para aquele texto. Se quiser modificar o tamanho da caixinha cols='25' é a largura e rows='3' a quantidade de linhas exibidas, então é só mudar esses valores, mas cuidado troque somente os números não altere mais nada neste código. Você pode notar que <br/> aparece varias vezes no código, isso é apenas para pular um linha, ou seja dar um espaço vazio antes e depois da caixinha.

Fonte: dicas para blogs

Criar um Domínio Próprio para o seu Blogger (blogspot)

2009-10-30T11:28:00.000-07:00

Após publicamos alguns artigos sobre como ter um domínio grátis, resolvemos gastar um pouco e ter nosso domínio próprio,apartir de hoje estamos com o endereço http://www.dicasparablogs.com.br/. Isso não significa que os links para o nosso endereço no blogspot foram perdidos, tudo continua funcionando normalmente com o http://dicasparablogs.blogspot.com/, ele apenas é redirecionado para o novo domínio.

E aproveitando o assunto vamos falar sobre algumas coisas sobre ter um domínio, primeiramente não é tão caro custa 15 reais por ano domínio nacional(.com.br) e 5 reais se for internacional(.com ou .net), usamos para fazer isso o UOL Host. Consultamos esses valores de registro de domínio no dia desta postagem 13 de junho de 2009.

Entre as coisas lemos sobre quais as vantagens de registrar um domínio é que esse endereço passa a realmente pertencer a você, ou seja, se por acaso o blogspot, ou qualquer outro lugar onde tenha um blog resolver por qualquer motivo cancelar o serviço(seu blog) você perderá naturalmente os arquivos hospedados(postagens, layout), mas poderá usar o mesmo endereço em outro lugar, quero dizer os links que já tem para seu endereço, as pessoas que adicionaram aos favoritos, boa parte das visitas diárias viram junto com você para o lugar que usar seu domínio. Isso porque você usará outra hospedagem, mas o endereço continuará sempre o mesmo.

Outra coisa que precisamos considerar é a possibilidade de após você trabalhar muito para conseguir algum sucesso com o blog pode notar que algum espertinho já registrou o domínio, já vimos muitos casos assim com pessoas ou marcas famosas que precisam comprar de outra pessoa o domínio com seu nome.

Fonte: dicas para blogs

Compreendendo um pouco mais sobre Página, Cores, e Fontes do seu blogger

2009-10-30T11:27:00.000-07:00

Algumas vezes quando entramos na pagina fontes e cores do blogspot encontramos algo que não funciona, por exemplo, você muda a cor de fundo naquela pagina, salva, mas não acontece nada no seu blog. A razão disso é que muitas vezes ao fazer alterações no layout modificamos diretamente o html e a partir daí essa pagina de cores não funcionará mais.
Entre na pagina editar html e veja logo no começo do código tem:

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#ffffff">

E muitas outras variáveis parecidas com esta, cada uma delas é responsável por uma cor no seu blog, isso são variáveis que o blog usa para facilitar modificar as cores de varias coisas no blog, então veja mais abaixo:
body {
background:$bgcolor;
margin:0;

Esse :$bgcolor; no lugar da cor de fundo(background) é a variável o que faz funcionar a pagina cores e fontes. Note que no começo do primeiro trecho tem name="bgcolor" o cifrão é apenas um complemento do código. Então se algum dos links para modificar cores não está funcionando o problema deve ser esse, o html foi modificado.

Para corrigir isso é bem simples basta colocar novamente a variável no lugar da cor de fundo como usamos no exemplo acima, apague o código da cor que está lá e coloque: $bgcolor.

Além de corrigir esses erros é possível mudar o texto que aparece na pagina cores e fontes, onde está escrito Page Background Color, você pode colocar Cor de Fundo, é mais fácil de identificar. Ainda é possível criar novas variáveis, copiando o código de uma delas e trocar o name e description, colocando mais uma variável na lista como no exemplo abaixo:

<Variable name="fundotexto" description="Fundo das Postagens"
type="color" default="#fff" value="#ffffff">

E depois na parte do html onde controla a cor da coluna principal modificar assim:

#main-wrapper { background:$fundotexto;
width: 410px;

E já está pronto, quando entrar na pagina cores e fontes verá que apareceu Fundo das postagens junto com as outras coisas que já podia modificar a cor, e agora pode trocar a cor de fundo por essa pagina. Um detalhe final que ainda não comentamos foi a parte fff e ffffff que aparece no código, isso são as cores padrão, elas não tem muita importancia pois você mudará para qualquer outra cor assim que entrar na pagina fontes e cores.

Fonte: dicas para blogs

Colocar músicas no seu Blogger (rádio online)

2009-10-30T11:25:00.000-07:00

Para colocar musica no blog é simples, no caso do blogspot basta entrar na pagina layout, adicionar gadget, html/javascript e colar o código. A parte mais difícil é encontrar o tal código, já fizemos algumas postagens sobre colocar musica no blog:

Qual o melhor site de música para colocar no blog ?
Colocar Rádio no Blog
Colocar música no blog

Tópico sobre música em nossa comunidade no orkut

Nelas temos vários links de sites com musica, então vamos reunir essa lista de sites de musica para ficar mais fácil procurar uma boa musica para colocar no seu blog.

Deezer
Rádio Fusion
Last FM
Rádio Blast
Imeem
Splashcast.
Playlist.com
FileDEN
Boomp3
Rádio Club

Onde achar o código varia de cada site, a maioria chama de player, playlist no caso de rádios, ou seja, uma seleção de musicas que tocam no seu blog. Geralmente o código começa assim: <object classid="clsid:d27cdb6e-ae6d-11cf- e tem algumas linhas ou usam <iframe.... então é só copiar o código e inserir no blog como dissemos logo no começo.

Sugerimos não usar musicas que começam automaticamente, muitas pessoas não gostam de blogs ou sites com musica que inicia sozinha porque faz demorar para carregar e, além disso, os seus visitantes podem estar ouvindo outra coisa. Por isso é preciso cuidado para em vez de agradar quando a musica pode fazer o visitante querer sair do blog. Isso não é só uma opinião isolada, fizemos uma pesquisa sobre o que as pessoas não gostam em um blog. Então pense bem o vai ou não usar para melhorar seu blog, nem sempre aquilo que gostamos agrada a maioria.

Fonte: dicas para blogs

Criando Regras para os Comentários de seu blogger (blogspot)

2009-10-30T11:23:00.000-07:00

Muitos blogs mostram antes da caixa de comentários algumas regras ou instruções para as pessoas lerem antes de escrevem o comentário que desejam isso é útil para evitar ou pelo menos tentar evitar ver coisas desagradáveis e muitas vezes sem nenhuma relação com a postagem escritas no lugar onde em teoria as pessoas deveriam dar sua opinião sobre o que falamos na postagem.
Para colocar esse texto é bem simples entrem em configurações, comentários, então encontre Mensagem do formulário de comentário, agora é só escrever o que deseja no campo ao lado e isso aparecerá logo acima da caixa de comentários do blog. Também é possível formatar o texto usando as tags:

<b>negrito</b>
<i>itálico</i>
e ainda as duas juntas <i><b>Negrito com itálico</b></i>

Agora é só escrever o que quiser nos lugar dos exemplos e publicar no seu blog, um detalhe importante é não esquecer de colocar a barra no código depois do texto como acabamos de fazer.

Fonte: dicas para blogs

Aprenda a deixar títulos do menu do seu blogger personalizados

2009-10-30T11:21:00.001-07:00

Colocar os títulos da sidebar, menu lateral, com formatação diferente ou dentro de uma caixa, ou qualquer outra forma como fazemos aqui em um retângulo com cantos arredondados devemos fazer isso pela pagina editar HTML, colocando uma imagem de fundo de fundo no estilo h2 .

Falamos h2, pois é assim na maioria dos blogs, mas se no seu caso não funcionar para saber qual o estilo dos títulos do menu veja o HTML do seu blog e procure pelos títulos que usa então saberá qual configurar. Entre no seu blog clique com o botão direito do mouse num espaço vazio(fora de imagens ou video) e escolha a opção exibir código de fonte, então procure por um dos títulos do seu menu. No caso do Dicas para Blogs encontramos assim: <h2>Guia Rápido</h2> , portanto vamos formatar o h2, mas se no seu blog for outro use esse outro estilo.

Na pagina editar HTML encontramos

h2{..........} então coloque aqui a imagem de fundo junto com o restante do código. O nosso blog ficou assim:
h2 {background-image: url(http://img24.imageshack.us/img24/8909/menudm1.jpg);background-repeat: no-repeat;background-position: center;font-size: 120%;text-align: center;height: 30px;padding-top:9px;color: #000000}

o começo do código é a imagem de fundo background-image: url(http://img24.imageshack.us/img24/8909/menudm1.jpg

Depois tem a parte que impede a repetição e centraliza a imagem de fundo background-repeat: no-repeat;background-position: center;

height: 30px; é a altura da linha, ou seja, deixe igual à altura da imagem.

Outro detalhe é caso aparecer essa imagem de fundo em outro lugar como, por exemplo, no titulo das postagens, então corrigimos isso assim:

h2.date-header {background-image: none;

Isso faz que o estilo h2 date-header não tenha fundo, mais uma vez se precisar localizar o nome exato do estilo faça do mesmo jeito que indicamos para saber qual o estilo dos títulos do menu.

Fonte: dicas para blogs

Aprenda a Colocar os Marcadores no seu blogger

2009-10-30T11:14:00.001-07:00

O recurso marcadores deixa muitas duvidas principalmente por que se você acabou de adicionar na pagina de layout, e quando visualizou seu blog não viu mudança alguma. Então vamos explicar isso por partes.
Primeiro vamos fazer a parte de adicionar o gadget marcadores. Isto é feito através da pagina layout onde aparecem varias opções e uma delas é gadget clique nela e na janela que abrir clique em Marcadores para adicionar ao blog, isso vai fazer aparecer outra tela onde você só precisa clicar em salvar alterações nessa parte está pronto.

A segunda parte é adicionar os marcadores aos textos, pois até agora se você olhar seu blog não aparecem os marcadores. Quando estiver fazendo uma postagem adicione o marcador.
Porém é possível colocar os marcadores em textos já publicados sem precisar editar um por vez, para fazer isto vá na pagina editar postagens, então selecione as postagens que você quer e clique em ações de marcador IMAGEM e escolha uma das opções (Adicionar marcador, remover rotulo, novo marcador). Esta é uma maneira bem mais rápida de adicionar ou remover marcadores de postagens já feitas.E lembre-se você pode colocar mais de um marcador por texto, por exemplo, se um texto se refere a layout e códigos, você pode incluir essa postagem nos dois marcadores.

Fonte: dicas para blogs

Colocando imagens diferentes nos Títulos do Menu do seu blogger

2009-10-30T11:03:00.000-07:00

A melhor maneira para colocar imagens diferentes em cada um dos títulos do menu é criando um estilo CSS próprio para cada um deles. Entre na pagina editar html, clique para expandir o modelo.
Agora procure pelo titulo que deseja personalizar, temos em nosso blog uma lista dos assuntos mais procurados e o titulo dele é “mais visitados” vamos usá-lo como exemplo.

Veja o trecho destacado é ele o titulo que aparece no blog, então vamos mudar de class=’titulo’ para class=’visitados’

A função disto é dizer que aquele menu usará a formatação do estilo visitados, então vamos criar um estilo com esse nome. No começo do html tem body{...} logo após isso podemos colocar nosso novo estilo.

.visitados {padding-bottom: 10px;display: block;background-image: url(endereço da imagem);background-repeat: no-repeat;background-position: right top;}

Vamos usar a imagem como fundo desse estilo, então falta fazer os ajustes no estilo visitados, podemos usar o padding-top e padding-bottom para acertar a posição do texto sobre a imagem e aparecerá essa formatação aparecerá somente neste titulo do menu, precisamos repetir esse procedimento para cada um dos títulos que vamos personalizar.

Fonte: dicas para blogs

Aprenda como ter mais Visitas no seu blogger (blogspot)

2009-10-30T10:58:00.000-07:00

Para conseguir aumentar as visitas do blog, existem varias coisas que podemos fazer, algumas delas dão resultados rápidos, mas sem continuidade, já outros demoram um pouco mais, porém significam um real aumento de visitas para o blog, quero dizer vai trazer visitas para o seu blog todos os dias e não somente num dia especifico.

A primeira delas que faz as pessoas entrarem no seu blog rapidamente é participar tópicos em comunidades no Orkut(comente ou avalie o blog acima e outras coisas do tipo).

Visitar e comentar outros blogs porque certamente eles virão comentar o seu também. Isso tudo gera visitas, mas a maioria delas visita o blog apenas uma vez, então se usar essas táticas aproveite para propor uma troca de links ou banners. Coloque no seu blog o link dos sites que gostar mais, assim quando eles vieram comentar irão ver e talvez colocar o seu link no deles também.

Mas vamos também falar sobre coisas que geram resultados mais duradouros, ou seja, que realmente aumenta o numero de visitas diárias do blog: primeiro coloque keywords – palavras chave no seu blog.

Entre na pagina editar html e depois da tag <head> coloque isso:
<meta content='palavras, sobre, blog' name='keywords'/>

Apenas no lugar onde está escrito palavras, sobre, blog, troque por palavras que tem algo a ver com o conteúdo do seu blog, sempre separando com vírgulas.

Em suas postagens procure colocar algum link para outra postagem que já tenha feito no seu blog, esses links internos podem ajudar a melhorar sua classificação nos sites de busca, quando mais as pessoas navegarem entre suas paginas é um sinal que o conteúdo dele é bom e assim você aparece melhor os resultados das pesquisas Google, Yahoo e outros. A primeira vez que li isso achei uma bobagem, mas depois que comecei a fazer notei um aumento de visitantes no blog.

Mas também existem coisas que não devemos fazer como, por exemplo, deixar comentários ou participar de tópicos de discussão apenas para escrever visite meu blog e deixar o link, muitos desses lugares irão excluir o que você escreveu e você terá apenas perdido tempo e irritado as pessoas com isso.

É claro que existem muitas outras coisas que ajudam a melhorar o blog e a quantidade de visitas, mas não seria possível falar de tudo numa só postagem afinal esse é um assunto sem fim.

Fonte: dicas para blogs

O que fazer quando não aparece a Imagem no seu blogger

2009-10-30T10:56:00.001-07:00

Existem muitos códigos para utilizar no blog que necessitam colocar a url(endereço) de uma imagem nele, como por exemplo, imagem de fundo, scripts, ou mesmo uma foto que deseja colocar no seu blog. E ai começa o problema muita gente diz o código não funciona, ou deu algum erro porque a imagem não apareceu, mas na verdade o defeito não está no código, mas muita gente pega a url errada da imagem, pois a maioria dos sites de hospedagem fornece vários códigos.

Sugerimos que use o ImageShack, normalmente a url que deve usar está em direct link ou algo parecido com isso.

Agora veja como testar se está usando o endereço correto de uma imagem dentro do código no seu blog, copie o endereço da imagem e coloque no navegador depois clique enter, deve aparecer somente a imagem, sem mais nada. Se quiser clique na imagem acima e veja como ela aparece sozinha numa pagina em branco.

Se por acaso aparecerem mais coisas na página então você precisa voltar no site onde hospedou a imagem e encontrar o endereço correto. Pois a imagem somente irá funcionar como fundo do blog se for o link direto para a imagem e não uma página que mostra a mesma. Fazer esse teste simple pode poupar muito trabalho procurando o erro no lugar errado na hora de fazer alterações do layout do seu blog.

Fonte: dicas para blogs

Alterando o texto das postagens mais recentes e mais antigas

2009-10-30T10:38:00.000-07:00

Modificar o texto ou usar imagens no lugar de postagens mais antigas, postagens mais recentes e inicio que aparecem no final das postagens do blog é algo fácil, porém encontrar isso na pagina editar HTML é um pouco complicado, pois quem já tentou procurar por essas palavras não conseguiu resultado algum.
A razão disso é simples o blog usa tags para fazer isso, agora vamos mostrar como modificar, retirar ou colocar esses links(texto postagens mais antigas, postagens mais recentes e inicio) no seu blog. Entre na pagina editar HTML, clique para expandir o modelo e procure por:

<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'>

Logo depois disso deve estar assim no HTML do seu blog:

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
</div>
<div class='clear'/>
</b:includable>

Se não tiver provavelmente esses links para textos mais antigos, recentes e pagina atual não devem aparecer no seu blog. Portanto se quiser remover esses links é só apagar esse trecho. Mas se a sua intenção é modificar o texto veja os trechos em negrito, basta trocá-los pelo texto que desejar, veja o que cada um deles faz no blog:

<data:olderPageTitle/> link para postagens mais antigas
<data:newerPageTitle/> link para postagens mais recentes
<data:homeMsg/> link para pagina inicial do blog, esse aparece duas vezes então modifique as duas da mesma maneira.

Se quiser usar uma imagem no lugar dos links para postagens mais antigas, postagens mais recentes e inicio, é simples de fazer em vez de escrever outro texto nos lugares indicados coloque esse código:

<img border="0" src="endereço da imagem"/>

Naturalmente cuidado para utilizar o endereço correto da imagem nos links. Depois que fizer as alterações clique para visualizar o blog e se estiver tudo certo é só salvar e já está tudo pronto.

Fonte: dicas para blogs

Colocando botões no canto da página do blogger

2009-10-30T10:36:00.005-07:00

Colocamos neste blog alguns botões no canto da pagina para adicionar aos favoritos, assinar feed, atualizações por email e para nossa comunidade no orkut, e varias pessoas perguntaram como fazer isso. O código é bem simples e até já publicamos aqui, mas numa forma simplificada trata-se do mesmo código usado para voltar ao topo da pagina.

A única diferença foi que acrescentamos mais coisas dentro dele, veja abaixo:
<style type="text/css">

</style>
<div style="background-color:#FFFFFF; border-left:1px solid #000000;border-top:1px solid #000000;position:fixed; bottom:0px; right:0px;"><div class="menufixo">
<a href="#"><img border="0" src="IMAGEM TOPO DA PÁGINA"/></a>
<a href="http://www.dicasparablogs.com.br/feeds/posts/default" target="_blank" title="Assine nosso Feed"><img border="0" src="IMAGEM RRS"/></a><script language="JavaScript" type="text/JavaScript">
function favoritos() {
if ( navigator.appName != 'Microsoft Internet Explorer' )
{ window.sidebar.addPanel("Dicas para Blogs","http://www.dicasparablogs.com.br",""); }
else { window.external.AddFavorite("http://www.dicasparablogs.com.br","Dicas para Blogs"); } }
</script><a href="javascript:void(favoritos());" title="Adicione aos Favoritos"><img border="0" src="IMAGEM FAVORITOS"/></a>
<a href"=http://feedburner.google.com/fb/a/mailverify?uri=dicaparablog&loc=pt_BR" target="_blank" title="Atualizações por Email"><img border="0" src="IMAGEM ATUALIZAÇÕES POR EMAIL"/></a>
<a href="http://www.orkut.com.br/Main#Community.aspx?cmm=46751209" target="_blank" title="Comunidade no Orkut"><img border="0" src="IMAGEM COMUNIDADE NO ORKUT"/></a>
<a href="http://www.dicasparablogs.com.br/2009/07/fixar-botoes-no-canto-da-pagina.html" target="_blank" title="Dicas para Blogs"><img border="0" src="http://img16.imageshack.us/img16/9066/iconeblogh.gif"/></a>
</div></div>

Coloque esse código pela pagina layout, adicionar gadget, html/javascript, não importa o lugar da pagina, ele aparecerá sempre no canto inferior direito do seu blog. O começo do código não precisa de alterações, mas se quiser pode modificar:
padding:5px – distancia entre as imagens
background-color:#FFFFFF; - cor de fundo
border-left:1px solid #000000; - borda lateral
border-top:1px solid #000000; - borda superior

Depois desse trecho são apenas links com imagens como fazemos em qualquer outra parte do blog, antes de colocar no blog faça as alterações necessárias nos trechos em negrito.
Quanto a enviar atualizações por email aqui tem a explicação sobre como fazer isso usando o feedburner.

Deixamos o código apenas com as indicações de onde vão as imagens porque se deixássemos o código pronto, provavelmente quando muitas pessoas começassem usar o código as imagens iriam parar de aparecer porque sites de hospedagem grátis excluem ou bloqueiam imagens acessadas muitas vezes(milhares de vezes por dia, mas isso depende de qual site usa) então é mais seguro e confiável cada um hospedar as imagens.

Clique com o botão direito do mouse sobre cada uma das imagens acima e escolha a opção salvar imagem depois só precisa hospedá-las, recomendamos usar o Imageshack. Colocamos um link para essa postagem no final do código e pedimos para que não retirem isso do código a fim de facilitar que outros blogueiros que gostem da idéia tenham facilidade em encontrar esse código.

Fonte: dicas para blogs

Colocar numeração nas páginas do blogger (paginação no blogspot)

2009-10-30T10:29:00.000-07:00

Para colocar numeração nas paginas do blog parecido com a numeração das paginas de busca do Google ou Yahoo que no final da pagina mostra em qual página você está e quantas têm antes e depois dela, usamos um código em duas partes.
Primeiro vamos colocar a formatação em CSS, isso controla a aparência da numeração, entre na pagina editar HTML e coloque isso junto com o restante dos estilos, sugerimos colocar logo depois do body, assim ficará mais fácil localizar para futuras alterações.

Entre na pagina editar HTML e cole o trecho abaixo:

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#ccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}

Depois você pode personalizar facilmente apenas trocado as cores das letras, fundo e bordas, onde está:
border: 1px solid #ccc; é a cor e estilo da borda
background-color:#ccc; é a cor de fundo

Isso aparece varias vezes no código então sugerimos que modifique todos da mesma maneira senão quando exibir a numeração que não seja na primeira pagina, elas podem aparecer de cores diferentes, mas isso é uma questão de gosto, portanto depois que instalar a numeração façam os testes e deixem com as cores que gostarem mais.

Agora clique para salvar, não adianta visualizar o blog, pois ainda não verá nenhum resultado, então vamos colocar o código que faz aparecer a numeração, procure agora por <b:widget id='Blog1' locked='tr ...

Coloque o código abaixo entre </b:section> e </div>:

<script type="text/javascript">
function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length)==".com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

var pageCount = 5;
var displayPageNum = 5;
var upPageWord = 'Anterior';
var downPageWord = 'Próxima';
var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){
itemCount++;
}
}else{
if(title!=''){
if(itemCount==0 (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}
for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}
fFlag++;
}
if(p==(thisNum-1)){
html += '<span class="showpagePoint">'+thisNum+'</span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){
if(thisNum>1){
if(!isLablePage){
html = ''+upPageHtml+' '+html +' ';
}else{
html = ''+upPageHtml+' '+html +' ';
}
}
html = '<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> '+(postNum-1)+' páginas</span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
}
if(postNum==1) postNum++;
html += '</div>';
if(isPage isFirstPage isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}
}
}
</script>
<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999"; type="text/javascript"></script>

Então clique para salvar, não adianta tentar visualizar o blog, por que o código não funciona na visualização. Provavelmente no final da pagina do seu blog apareceu algo assim:

Agora já está tudo pronto, mas podemos modificar algumas coisas, veja esse trecho do código:
var pageCount = 5; aqui devemos usar o mesmo numero de postagens que definimos para aparecer em cada pagina.

var displayPageNum = 5; neste o numero 5 é a quantidade links para outras paginas que serão mostradas( 1-2-3-4-5), portanto use o numero que achar melhor.

var upPageWord = 'Anterior';
var downPageWord = 'Próxima';
Aqui podemos trocar a palavra anterior e próxima que aparecem no blog. Mas cuidado ao fazer alteração, pois se apagar qualquer outro sinal o código não funcionará.

Veja no blog Meu Jornal esse código em funcionamento. Encontramos e fizemos algumas modificações nesse código a partir do publicado no Blogger Buster em inglês.

Fonte: dicas para blogs

Aprenda a usar o Google Analytics no seu blogger (blogspot)

2009-10-30T10:24:00.000-07:00

Um dos melhores contadores de visitas que existem para colocar no seu blog ou site é o Google Analytics, ele é invisível no blog isso muitas vezes pode ser uma vantagem, mas se quiser mostrar o numero de visitas pode usar além do Google Analytics outro contador de visitas no seu blog.
Para instalar o Google Analytics no blog primeiro precisa ter uma conta Google, portanto sugerimos usar a mesma que usa no blogger. Na pagina inicial do Analytics clique em: Adicionar perfil de website»

Marque a opção Adicionar um perfil a um novo domínio e digite o endereço do seu blog no campo Forneça o URL do site que deseja acompanhar, lembre-se o blogspot não tem www no endereço. Depois veja está estão corretas as informações abaixo sobre usa localização e fuso horário.

Se estiver tudo certo clique no botão concluir logo abaixo, na tela seguinte aparecerá o código que deve colocar no seu blog ele está em Novo Código de acompanhamento (ga.js), copie esse código entre no seu blog na pagina layout, adicionar gadget, html/javascript e cole o código do contador e clique para salvar. Quando visualizar seu blog não verá nada de diferente, esse contador é invisível no blog ou site.

Depois de colocar o código do contador no blog clique no botão concluir na pagina do analytics, o site voltará a pagina inicial e provavelmente verá um símbolo assim na frente do endereço do seu blog, isto é normal, pois acabou de colocar o contador no blog ele levará um dia(24 horas) para começar mostrar as informações. Se clicar para visualizar relatórios irá para a pagina de estatísticas que está somente com números zeros por toda parte, afinal o contador foi colocado agora e está pagina é atualizada uma vez por dia por isso não adianta entrar no site do analytics varias vezes por dia para ver as visitas.

Mas é nesta pagina que futuramente vamos ver muitas coisas preste atenção no menu que tem no lado esquerdo, o item fontes de trafego vai mostrar de quais sites vieram suas visitas isso é muito útil, é através dele que sabemos quais sites enviaram mais visitas para nosso blog e assim organizamos nossa lista de top parceiros e abaixo dele tem conteúdo se clicar nele poderá ver quais paginas do seu blog são as mais visitadas. Claro que tudo isso depois que começarem aparecer às estatísticas desse novo contador que colocamos agora no blog. Como já dissemos demora mais ou menos um dia para você receber as primeiras estatísticas sobre seu blog.

Fonte: dicas para blogs

Fique sabendo quantos visitantes online estão no seu blogger (blogspot)

2009-10-30T07:41:00.001-07:00

Qual o numero de visitantes online do seu blog, ou seja, como saber quantas pessoas estão no seu blog naquele momento, você tem varias opções, mas vou falar das duas que já usei e acho as melhores.

BlogUtils
Muito fácil de configurar basta colocar o endereço do seu blog escolher as opções de fonte, cor, tamanho e clicar para gerar código e pronto agora é só colocar no seu blog.

Esse contador tem a vantagem de ser muito fácil mudar a formatação apenas alterando o trecho que está no estilo
style='.................’
Veja que isso aparece duas vezes então pode usar formatações diferentes para a palavra online e o numero de visitantes. Alias onde está escrito online, você pode escrever o que desejar sem qualquer problema para o funcionamento do código, apenas não se esqueça de colocar um espaço vazio como está no código original senão a palavra ficará encostada no numero.

Who’s amung
Este também é muito fácil para inserir no blog, logo ao entrar na pagina você verá o código pronto, então é só copiar e colocar no blog.

Esse site fornece varias estatísticas sobre seus visitantes online apenas clicando no menu: Painel Principal, Leitores, Mapas, Histórico. A guia leitores é muito interessante, pois mostra em quais paginas(postagens) do blog as pessoas estão visitando naquele momento e clicando em recent você verá a quanto tempo cada um está no seu blog.

Cada um deles tem vantagens diferentes agora cabe a você decidir qual é o melhor para o seu blog, qualquer um deles que for usar depois que pegar o código basta entrar na pagina layout, adicionar gadget, html/javascript e colar o código, ambos começam a funcionar na hora. Claro que existem muitos outros sites que fazem esse mesmo tipo de serviço, mas achamos esses dois muito bons e confiáveis.

Fonte: dicas para blogs

Colocar um fundo semi transparente no seu blogger (blogspot)

2009-10-30T07:29:00.001-07:00

Para colocar um fundo no blog semi transparente, quando mesmo através do fundo das postagens é possível ver em parte o fundo do blog, é simples basta colocar uma linha de código na pagina editar HTML, mas vamos explicar um pouco mais detalhado como isso funciona.
Entre na pagina editar HTML e procure por:

#outer-wrapper {
margin: 0 auto;
border: 0;
width: 980px;
text-align: left;......}

No seu blog será diferente o que está dentro das chaves, mas o importante é localizar #outer-wrapper, então coloque junto com os códigos que já estão lá isso aqui:

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);-moz-opacity:0.7;

Fica deste jeito:

#outer-wrapper {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);-moz-opacity:0.7;
margin: 0 auto;
border: 0;
width: 980px;
text-align: left;......}

Os valores 0.7 e 70 são apenas exemplos então pode mudar como desejar, mas mantenha a proporção (0.5 e 50 ou 0.9 e 90....). A grande questão desse código é que não existe fundo semi transparente, o que ele faz na verdade é deixar tudo semi transparente. Quero dizer o fundo e também as letras e imagens, mas algumas coisas podem ficar com opacidade normal(não transparente) principalmente conteúdos externos.

Se preferir pode usar somente para a coluna principal(postagens) ou só nos menus do blog para isso em vez de fazer o que dissemos no estilo outer-wrapper faça em #main (são as postagens) ou #sidebar(colunas do blog).
Após colocar o código clique para visualizar e se ficou do jeito que você queria então salve as alterações. Se revolver ficar fazendo vários testes para ver qual jeito fica melhor sugerimos salvar durante esses testes assim caso erre em alguma coisa não precisará começar tudo novamente.

Fonte: dicas para blogs

Mudando as cores, o tamanho e a letra de um menu jump no seu blogger (blogspot)

2009-10-30T07:14:00.001-07:00

Vamos mostrar como mudar as cores, tamanho e tipo de fonte do menu jump, além disso, é possível escolher a cor de fundo desse menu suspenso inteiro ou colocar cores diferentes em cada opção. Veja o menu abaixo:

O código para colocar um menu de salto no blog é o seguinte:

<script language="JavaScript" type="text/javascript">
function openDir( form ) {
var newIndex = form.fieldname.selectedIndex;
if ( newIndex == 0 ) {
alert( "Please select a location!" );
} else {
cururl = form.fieldname.options[ newIndex ].value;
window.location.assign( cururl );
}
}
</script>
<form name="form" id="form">
<select style="width:300px; font-family:'Comic Sans MS'; font-size:14pt; background:#FFFFCC" name="fieldname" onchange="openDir( this.form )">
<option>Nossos Sites</option>
<option value="http://frasecurta.blogspot.com">Frases Curtas</option>
<option style="background:#66FFFF" value="http://jornaljd.blogspot.com">Meu Jornal</option>
<option value="http://dicasdesitesuteis.blogspot.com/">Dicas de Sites Úteis</option>
</select>
</form>

Note que tem algumas coisas a mais neste código na linha <select... tem style="width:300px; font-family:'Comic Sans MS'; font-size:14pt; background:#FFFFCC" isso altera o estilo do menu inteiro, usamos a mesma formatação em CSS que usamos em qualquer texto, então é a mesma coisa que formatar um texto em qualquer outra parte do blog. O valor 300 é a largura, então cuidado para não colocar uma largura maior que a da coluna onde ficará o menu.

Outra coisa é a linha com o link para o Meu Jornal, nela encontramos style="background:#66FFFF” isso faz mudar a cor de fundo somente deste item do menu jump. Se quiser pode usar cores diferentes que cada um dos itens do menu.

Alterar a quantidade de links é fácil basta adicionar mais linhas seguindo o modelo <option value="http://dicasdesitesuteis.blogspot.com/">Dicas de Sites Úteis</option>, e claro trocando o nome e endereço do site.

Para colocar no blog entre na pagina layout, adicionar gadget, html/javascript e cole o código. Esse menu é bem simples de usar, mas precisa de cuidado para não apagar por engano as aspas ou qualquer outro sinal do código senão ele não funcionará corretamente.

Durante essa explicação falamos em menu de salto, menu jump, menu suspenso que na verdade todos são a mesma coisa apenas é conhecido por nomes diferentes.

Fonte: dicas para blogs

Veja alguns sites para hospedagem de imagens grátis para seu blogger (blogspot)

2009-10-30T07:07:00.001-07:00

Que tal achar dezenas de sites de hospedagem no mesmo lugar? No site Find Image Host - free image hosting sites você encontra links para muitos sites onde você pode colocar suas imagens gratuitamente, e depois usar para fazer imagens de fundo ou banners para parcerias.

Veja no menu do lado direito tem varias opções de classificação dos sites: Free image hosting sites e Image hosts by filetypes, entre outros eles indicam alguns sites onde você pode colocar imagens no formato .ico, isso é util para mudar a imagem que fica na barra de endereços do navegador.

Resolvemos indicar esse site com diversas opções de hospedagem porque ultimamente também tivemos problemas com isso, algumas de nossas fotos publicadas foram deletadas de hospedagens grátis. Então se usar e gostar de algum dos sites indicados no Find Image Host, deixe um comentário falando qual deles achou o melhor lugar para hospedar suas imagens.

Fonte: dicas para blogs

Criar um Formulário no seu blogger para o envio de email em PHP

2009-10-30T07:04:00.001-07:00

Essa dica é mais útil para quem tem sites do que para os blogueiros, por que é um formulário que envia email feito em duas partes, um arquivo HTML e outro php. Você só precisa criar os dois arquivos e salvar na mesma pasta onde hospeda seu site e pronto.

Primeiro salve o código abaixo com o nome contato.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">

</style>
</head>
<body>
<form action="falar.php" method="post" name="formulario" id="formulario">
<div align="left">
<table width="500" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>
<td colspan="2" align="center" scope="col"><span class="style1">Fale Conosco</span></td>
</tr>
<tr>
<td align="right" scope="col">Nome</td>
<td scope="col"><input class="form_campos" type="text" name="nome" size="34" /></td>
</tr>
<tr>
<td align="right" scope="col">E-mail</td>
<td scope="col"><input class="form_campos" type="text" name="e-mail" size="34" /></td>
</tr>
<tr>
<td align="right" scope="col">Site/Blog</td>
<td scope="col"><input class="form_campos" type="text" name="endereco" size="34" id="endereco" /></td>
</tr>
<tr>
<td align="right" scope="col">Assunto</td>
<td scope="col"><input class="form_campos" type="text" name="assunto" size="34" id="assunto" /></td>
</tr>
<tr>
<td align="right" scope="col">Mensagem</td>
<td scope="col"><textarea class="form_campos" name="mensagem" cols="34" rows="4"></textarea></td>
</tr>
<tr>
<td colspan="2" align="center" scope="col"><input class="form_botao" type="submit" name="Enviar" value="Enviar " />
<input class="form_botao" type="reset" name="Limpar" value="Limpar" /></td>
</tr>
</table>
</div>
</form>
</body>
</html>

Depois com esse outro trecho crie um arquivo com o nome falar.php e salve na mesma pasta onde está o contato.html

<?
$hoje_tmp = getdate();
$hoje = ($hoje_tmp[hours].":".$hoje_tmp[minutes].":".$hoje_tmp[seconds]);
$nome = $_POST["nome"]; //trata a variável nome
$endereco = $_POST["endereco"]; //trata a variável estado
$email = $_POST["e-mail"]; //trata a variável e-mail
$assunto = $_POST["assunto"]; //trata a variável assunto
$mensagem = $_POST["mensagem"]; //trata a variável mensagem
global $email; //transforma em variavel global a variável e-mail
$enviou = mail("dicasparablogs@gmail.com", // aqui voce coloca o seu e-mail
"$assunto",
"Nome: $nome
Endereco: $endereco
E-mail: $email
Assunto: $assunto
Mensagem: $mensagem",
"From: $email <$nome>");
if ($enviou){
header('location:http://www.acessoriosparablogs.com.br/sucessomail.html');
}
else {
header('location:http://www.acessoriosparablogs.com.br/erromail.html');
}
?>

Note que tem uma linha onde está o nosso email:
$enviou = mail("dicasparablogs@gmail.com", // aqui você coloca o seu e-mail, então troque para o endereço de email que você desejar.

Outra coisa é no final do código tem:
if ($enviou){
header('location:http://www.acessoriosparablogs.com.br/sucessomail.html');
}
else {
header('location:http://www.acessoriosparablogs.com.br/erromail.html');
}
?>

Isso são as paginas para as quais o site será redirecionado em caso de sucesso ou erro no envio do email, então altere os endereços. Agora que já criou os dois arquivos só precisa fazer upload dos arquivos, mas tenha os dois precisam estar na mesma pasta no servidor onde você tem seu site.

Outra coisa importante é que nem sempre esses formulários funcionam em hospedagens grátis, já ouvi varias queixas sobre isto, mas o problema não está nos códigos, mas na disponibilidade de serviço do local onde você hospeda seu site.

Copiamos e modificamos esses códigos a partir da pagina de ajuda do UolHost e estamos usando em nosso novo site Acessórios para Blogs, mas esse site ainda está no inicio e falta muita coisa a fazer nele, portanto pedimos a compreensão de quem visitar nosso novo site quando ao pouco conteúdo e alguma possível falha nos links ou qualquer outra coisa.

Fonte: dicas para blogs

Converter uma imagem jpg ou gif em um ícone (.ico)

2009-10-30T06:58:00.001-07:00

Alguns dos sites que indicamos apresentaram problemas então fizemos um novo tutorial sobre como colocar um favicon (imagem na barra de endereços), veja aqui nossa atualização mais recente sobre a imagem na barra de endereços do blog.

Para colocar uma imagem na barra de endereços ao lado do endereço do blog, precisamos transformar uma imagem normal num ícone, depois hospedar esse ícone e fazer o código para colocar no blog. Isso é um pouco trabalhoso, mas achamos um site que faz tudo isso de uma vez só. A unica coisa que precisar fazer é o upload da imagem e o site já dá o código pronto para colocar a imagem na barra de endereços no lugar do icone do blogger.

Faça uma imagem para usar como ícone, preferencialmente uma imagem quadrada, ou seja, com a mesma altura e largura, assim o risco de distorcer é menor, pois o ícone é uma imagem quadrada. Depois entre no site Free FavIcon, clique no botão arquivo para localizar a imagem e depois em upload it.

Agora copie o código que está na caixinha embaixo de Simply copy and paste the code below in the head of your web pages.

Entre na pagina editar html (não clique para expandir o modelo) e procure por:

]]></b:skin>
</head>

E coloque o código que copiou do site Free FavIcon entre essa linhas, ficará assim:

Para evitar erros em alguns navegadores salve a mesma imagem que usou no formato png, use um tamanho pequeno(36x36, que é algo próximo do tamanho do ícone) hospede no Imageshack, mas tenha a certeza que está usando a url correta da imagem, então adicione essa linha junto com o código gerado pelo site, colocando o link da imagem no lugar indicado:
<link href='url da imagem' rel='shortcut icon' type='image/png'/>

Salve as alterações e veja o resultado, se não aparecer o ícone na barra de endereços clique para atualizar a pagina. Já tínhamos publicado explicações sobre esse mesmo assunto, mas retornamos ao tema devido a problemas nos sites que sugerimos em outras postagens e, além disso, fazendo pelo site Free FavIcon é muito mais fácil, ele converte a imagem, hospeda e gera o código do ícone tudo num único clique.

Fonte: dicas para blogs

Colocar uma Barra de rolagem no blogger em qualquer parte

2009-10-30T06:56:00.000-07:00

Muitas pessoas procuram como inserir uma barra de rolagem na lista de blogs, marcadores e outras partes do blog, já escrevemos sobre alguns desses assuntos, mas encontramos o modo mais fácil para fazer isso e o melhor de tudo isso servirá para usar a barra de rolagem em qualquer parte do blog, quero dizer em qualquer um dos gadgets separadamente.

Entre na pagina editar html e procure pelo código do gadget onde deseja por a barra de rolagem, se ele não tiver um titulo coloque apenas para localizar é mais fácil achar pelo titulo, vamos usar como exemplo nosso guia rápido. Em nossa pagina editar html encontramos assim:

<b:widget id='Label1' locked='false' title='Guia Rápido' type='Label'/>

Veja que foi fácil localizar sem ter duvidas, pois aparece escrito title=’guia rápido’, então no seu blog procure pelo titulo que estiver usando, para procurar clique ctrl F, abrirá uma janela de pesquisa de texto então é só digitar o titulo que procura.

Note que no começo do código tem id=’ Label1’ então criamos um novo estilo colocando apenas esse sinal # antes desse nome, mas tem que ser exatamente igual está no gadget, note que nesta parte do html não modificamos nada apenas copiamos nome da id, fica desse jeito:

#Label1 {height: 150px;overflow: auto;}

Vamos inserir esse trecho na parte do html onde tem os demais estilos CSS, ou seja, depois que achar body{.......} pode colocar o código assim que fechar as chaves do body.

O código overflow: auto; faz a barra de rolagem aparecer automaticamente se for necessária e height: 150px é a altura que terá o gadget, então se passar disso a barra aparecerá automaticamente. Se quiser pode formatar as bordas, cores de fundo e tudo mais deste gadget pode fazer através deste mesmo código #Label1, apenas acrescentando os códigos CSS dentro das chaves, por exemplo, colocar uma borda preta com fundo branco, ficaria assim:

#Label1 {height: 150px;overflow: auto; border: 1px solid #000000; background-color: #ffffff;}

Isso fará uma barra de rolagem incluiu tudo até o titulo do menu, mas se quiser rolar somente o conteúdo de cada gadget acrescente .widget-content no código, então ficará desse jeito:

#Label1 .widget-content{height: 150px;overflow: auto; border: 1px solid #000000; background-color: #ffffff;}

Deste jeito somente o conteúdo de cada gadget terá barra de rolagem e o título permanecerá fixo.

Agora é só fazer testes e personalizar seu blog da forma que mais gostar, lembre-se de copiar a id de cada um dos gadgets que deseja personalizar, sempre visualize o blog antes de salvar as alterações para evitar desconfigurar alguma coisas por engano.

Fonte: dicas para blogs

Colocando Parcerias em seu blogger

2009-10-30T06:51:00.000-07:00

Começamos a utilizar um novo jeito de divulgação de blogs e parcerias. Não fazemos mais parcerias usando o método convencional, ou seja, exibir longas listas de banners ou links em nosso blog. Mas não poderíamos deixar de reconhecer aqueles que ajudam na divulgação de nosso blog. Então estamos usando um sistema de Top Parceiros.

A lista dos Top Parceiros é feita usando como fonte de informação o contador de visitas Google Analytics que temos neste blog, então através das estatísticas deste contador sabemos quais sites ou blogs enviaram mais visitas para nós. E assim fazemos essa lista manualmente não existe nenhum código automático para fazer isso e atualizamos nossa lista toda semana.

Veja alguns modelos de banners que você pode colocar no seu blog apenas copiando o código que está na caixinha abaixo dele.

Talvez você ache difícil aparecer nesta lista, mas na verdade não é porque na verdade você só precisa colocar nosso banner ou um link para nosso blog e aguardar e acredite é bem mais fácil estar entre nossos Top Parceiros do que você imagina. Apenas avisamos que é preciso aguardar um pouco após começar a divulgar nosso blog, pois a lista é atualizada uma vez por semana.

Para terminar queremos dizer que não vendemos lugares na lista dos Top Parceiros, varias pessoas já escrevem perguntando por isso e a resposta foi sempre essa: o único jeito de aparecer nesta lista é quando seu blog aparecer entre os sites que mais enviaram visitas para esse blog. Mas se quiser anunciar em qualquer outra parte do blog fale conosco e poderemos chegar a um acordo sobre isso.

Fonte: dicas para blogs

Hospedando um site na internet grátis

2009-10-30T06:49:00.001-07:00

Além dos blogs é possível criar um site na internet sem gastar nada, pois existem vários sites que fazem o serviço de hospedagem gratuitamente, veja mais detalhes clicando nos links abaixo:

http://www.50webs.com/
60 Mega de espaço
Bandwidth ilimitada
FTP
Você pode usar um domínio próprio se quiser

http://www.000webhost.com/
1500 Mega de espaço
Bandwidth 100 GB
FTP
Permite usar ou não domínio próprio

http://vila.bol.uol.com.br/
Site em português
15 Mega de espaço
não aceita FTP

Mas um aviso importante para aqueles que pretendem iniciar um site pela primeira vez é que o modo de atualização é bem diferente dos blogs, não existe pagina para postagem, ou seja, cada atualização será feita diretamente no HTML da pagina inteira, por isso só é recomendável para aqueles que sabem HTML, CSS, e preferencialmente tenham programas para editar paginas de internet.

Fonte: dicas para blogs

Aprenda como colocar efeitos em links do seu blogger (sublinhado, sobrelinha, tachado)

2009-10-30T06:47:00.001-07:00

Existem alguns efeitos bem simples de fazer no texto, principalmente nos links como, por exemplo, colocar sublinhado, tachado ou sobrelinha (linha na parte de cima do texto) e isso dá um bom efeito visual no blog.
Uma coisa que já usei e gostei muito foi mostrar sublinhado junto com a sobrelinha quando passa o mouse sobre o link, entre na pagina editar html e coloque isso aqui:

.main a:hover{text-decoration: underline overline;}

Depois clique para salvar e veja que aparece nos links das postagens uma linha embaixo e outra em cima dos links quando coloca o mouse sobre ele, o mesmo poderia ser feito com o tachado que é um risco no meio das letras, mas acho isso é recomendável somente para textos com tamanho de letra maior porque às vezes fica ruim de ler. O código para colocar um risco no meio das letras é

.main a:hover{text-decoration: line-through;}

Uma coisa que já vimos em alguns blogs e não é aconselhável fazer é usar fonte normal para o link e quando coloca o mouse sobre ele o texto fica em negrito, itálico ou muda de tamanho, isso é ruim, pois faz a pagina dar “um pulo”, quero dizer movimenta tudo que está em volta do link, então quando for usar algum efeito para quando o mouse está sobre o link cuidado para não alterar o espaço que ele ocupa, apenas troque cores ou coloque traços como mostramos nesta postagem.

Se quiser usar o sublinhado, sobrelinha, ou tachado em outras partes do blog é só trocar a palavra main por sidebar para o menu ou então deixar somente a:hover{...} isso usará o efeito no blog inteiro. Caso seu blog tenha algum desses efeitos e você queria tirar basta colocar a palava none no código, assim:

.main a:hover{text-decoration: none;}

Outro detalhe importante é antes de colocar esse código veja se já não existe outro igual dando outras instruções, ou seja, se colocar esse código com tachado para as postagens e já existir em outra parte um código dizendo que as postagens não têm nenhum efeito pode gerar conflito e não funciona. Para usar esses efeitos nos link quando não está com o mouse sobre eles apenas apague :hover e deixe somente a letra "a" junto com a palavra main, assim main a{....}.

Para usar esses efeitos em um texto especifico ou seja quero deixar somente essas letras com sublinhado e sobrelinha, então escrevo deste jeito:

<span style="text-decoration: underline overline">seu texto aqui</span>

Só precisa escrever seu texto e trocar as palavras que definem o efeito e já está pronto esse é uma boa maneira de dar destaque para algumas palavras no meio do texto sejam elas links ou não.

Fonte: dicas para blogs

Não consegue acessar o perfil do blogger ?

2009-10-30T06:46:00.001-07:00

Alguma vez que foi responder um comentário você viu a mensagem: Perfil não disponível, O Perfil de Blogger que você solicitou não pode ser exibido. Diversos usuários do Blogger ainda não optaram por compartilhar publicamente seus perfis.

O resultado disso é fácil imaginar perda de visitas no blog, o motivo é bem simples se eu não posso ver o perfil da pessoa como vou saber qual o blog dela, mas será que o seu perfil não está deste jeito e você está perdendo visitas por causa de uma bobagem? Para saber tente entrar no seu perfil sem estar logado no blogger, Orkut ou qualquer outra coisa que use a mesma conta Google. É simples clique para sair se estiver na pagina do blogger e depois tente ver seu perfil se aparecer a mensagem que falamos no inicio você está deixando de ganhar visitas por causa disso.

Mas vamos resolver isso entre no blogger, você verá ao lado da sua foto um link para editar o seu perfil, clicando neste link você vê as configurações do perfil então é só marcar a opção compartilhar meu perfil e clicar para salvar no final da pagina.

Já publicamos essa dica sobre não conseguir visualizar o perfil do blogger anteriormente neste blog, estamos repetindo devido ao grande numero de perfis com acesso restrito que temos encontrado recentemente.

Fonte: dicas para blogs

Colocando uma Imagem no título da postagem em seu blogger

2009-10-30T06:45:00.000-07:00

Vamos colocar um ícone ou imagem ao lado do titulo das postagens, isso serve para deixar bem localizado o inicio de cada um dos textos afinal tem alguns modelos de template que as coisas ficam juntas demais, portanto seria bom ter algo que destacasse o inicio de cada um dos posts do blog.

Fazer isso é bem simples entre na pagina editar HTML e procure por H3{... } ou o estilo que controla o titulo do blog que também pode ser h2 em alguns casos, em nosso blog de Dicas de Sites é assim:

post h3 a, .post h3 a:visited, .post h3 strong{….}

Para ter certeza que está modificando o estilo certo antes de começar faça um teste, coloque border: 1px solid #000000; dentro das chaves no estilo que você acha que é o certo no seu modelo isso faz aparecer uma borda preta em volta do estilo, então clique para visualizar o blog se apareceu a borda nos títulos da postagem é porque este é o lugar certo. Caso o fundo do seu blog seja preto ou escuro faça o teste usando ffffff em vez de 000000 para a borda ficar branca.

Agora vamos colocar uma imagem ao lado do título da postagem insira o seguinte código:

background-image: url(http://img195.imageshack.us/img195/668/iconebig.jpg);
background-repeat: no-repeat;text-indent: 30px;
background-position: left top;

Você só precisa hospedar uma imagem e colocar o endereço no lugar desta que está no exemplo, cuidado na hora de fazer a imagem para que ela não seja grande demais senão aparecerá somente uma parte dela. Outro ajuste necessário é o valor 30px no final da segunda linha, isso é um recuo de texto, ou seja, quando maior o numero mais espaço terá o texto da margem esquerda no caso de não usar o texto centralizado, então é só modificar esse numero para que o título não fique sobre a imagem. Agora é só visualizar e se ficou como você queria salvar as alterações no blog.

Fonte: dicas para blogs

Registrando um endereço .com ou .com.br no blogger (blogspot)

2009-10-30T06:43:00.000-07:00

Mudar o endereço do blog de blogspot para somente .com ou .com.br é fácil o que precisamos fazer é registrar um domínio e colocar esse domínio no blog. Vamos entender melhor como isso funciona.

Primeiro você precisa registrar um domínio é possível fazer diretamente pela pagina do blogger entrando em configurações, publicação, você encontrará um link escrito domínio personalizado se decidir fazer pelo blogger é só digitar um endereço e ver se está disponível, nós não fizemos desta maneira porque eles não dão a opção de registrar .com.br, mas fica a sua escolha qual o melhor jeito de colocar um domínio no seu blog.

Ou então se preferir pode registrar em outro lugar o preço disso varia um pouco dependendo de qual endereço usará no seu blog se um .com ou .com.br, mas custa 30 reais ou menos por ano, você pode registrar em vários lugares Registro.br, UolHost, Locaweb e outros esses são os mais conhecidos. Então você entra em um desses sites escolhe o endereço que desejar e eles vão lhe indicar a forma de pagamento.

Normalmente depois que fizer o pagamento demora uns 3 dias para o domínio estar disponível para uso(colocar no blog) então precisamos fazer uma alteração na configuração do domínio entrando no painel de controle(isso no site onde registrou o domínio) e criar uma entrada cname tipo www com destino ghs.google.com e em alguns casos outra entrada para direcionar o blog para o endereço sem o www, mas isso varia um pouco dependendo onde registrou seu domínio, então em caso de duvidas o melhor a fazer é olhar os tópicos de ajuda do site ou entrar em contato com eles.

Depois que fizer isso vamos ao blogger para configurar o domínio no blog, entre me configurações publicações clique em domínio personalizado, na janela seguinte é possível registrar o domínio através do próprio blogger ou então clique em ir para configurações avançadas para colocar o domínio que já registrou.

Agora digite o domínio com o www no local indicado depois clique para salvar se estiver tudo certo aparecerá como na imagem abaixo

Caso tenha algum problema na configuração você poderá ver essa mensagem e se realmente configurou o domínio há pouco tempo(horas) em um dia deverá estar normal caso contrario entre em contato com o site onde registrou o domínio e fale do problema.

Além disso, para fazer o teste seu está tudo certo com o seu blog digite o domínio que registrou na barra de endereço ele deve funcionar com o www e sem ele. Outra coisa é que não precisa se preocupar com coisas do tipo como vou fazer as postagens ou editar o blog isso não muda em nada, continuará fazendo tudo pelo blogger como antes, e os links para seu endereço antigo são redirecionados para o novo automaticamente. Quando estiver tudo certo aparecerá assim:

Apenas mais um aviso é para não se preocupar com as visitas na primeira semana, pois é normal perder visitas durante uns dias chega a perder quase a metade delas, mas logo volta ao normal.

Fonte: dicas para blogs

Criar uma nuvem de tags em seu blogger (blogspot)

2009-10-30T06:40:00.000-07:00

Colocar uma nuvem de tags no blog é muito mais fácil do que parece, sempre pensei que eram códigos grandes, mas na verdade dá pra deixar tudo pronto em 3 minutos. Essa nuvem faz com que os titulos dos marcadores do blog fiquem em movimento como se estivessem girando em torno de uma bola, veja esse código em funcionamento em nosso blog Frases Curtas.

Para colocar um igual no seu blog vocé só precisa copiar esse código e fazer algumas alterações:

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'><center>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a
href='http://www.roytanck.com/'>Roy Tanck</a> and <a
href='http://www.bloggerbuster.com'>Amanda
Fazani</a> Distributed by <a href='http://blogger-templates-designs.blogspot.com/'>Blogger Templates Designs</a></div>
<script type='text/javascript'>
var so = new
SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf",
"tagcloud", "240", 
"300", "7", 
"#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud",
"<tags><b:loop values='data:labels'
var='label'><a expr:href='data:label.url'
style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/></center>
</div>
</b:includable>
</b:widget>

Antes de colocar no blog vamos entender como personalizar aparência dele, veja as seguintes partes:

Largura e altura da widget: width = "240" height = "300"
apenas altere os valores 240 largura e 300 altura, cuidado para não deixar mais larga que a coluna do seu blog

Cor de fundo " #ffffff ");
as letras ffffff é a cor de fundo, aqui tem o código de várias cores basta trocar as letras

Cor do Texto: 0x333333
idêntico a cor de fundo, mas essa é a cor do texto então veja os códigos das cores acima e use a cor que desejar

Tamanho do texto: style='12'
o numero 12 é o tamanho da letra então altere como quiser

Agora que já deixou o código como queria entre na pagina editar html (não clique para expandir o modelo) procure por

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

Então coloque o código logo depois dessa linha e clique para salvar, visualize seu blog e veja se está tudo certo.

Depois disso se quiser mudar o lugar que a nuvem de tags aparece no blog é fácil apenas entre na pagina layout, notará que tem um novo gadget então é só arrastar para o lugar que desejar do mesmo modo que faz com todos os outros.

Fonte: dicas para blogs

Listando seus links ou banners do blogger em ordem aleatória

2009-10-30T06:12:00.000-07:00

Mostrar sempre a mesma lista de banner ou links pode ficar cansativo pela repetição então uma boa alternativa para essas listas é fazer que apareçam de forma aleatória cada vez que alguém visita o blog.
O código para fazer uma lista de banners em ordem aleatória é o seguinte:

<script type="text/javascript" language="javascript">
var nr_of_links = 3;
var lnk = new Array (nr_of_links)
var desc = new Array (nr_of_links)
var dsp = new Array (nr_of_links)
lnk[0]="endereço 1";
lnk[1]="endereço 2";
lnk[2]="endereço 3";
lnk[3]="endereço 4";
desc[0]="titulo 1";
desc[1]="titulo 2";
desc[2]="titulo 3";
desc[3]="titulo 4";
dsp[0]="";
dsp[1]="";
dsp[2]="";
dsp[3]="";
var hits = 0;
while (hits < (nr_of_links + 1))
{
rnd = Math.round(Math.random() * nr_of_links)
if (dsp[rnd] == "")
{
dsp[rnd] = lnk[rnd]
hits += 1
document.write('<a href="' + lnk[rnd] + '"title="' + lnk[rnd] + '" target="_top">' + desc[rnd] + '</a><br/>')
}
}
</script>

Apenas coloque os endereços das paginas que deseja linkar(coloque o endereço completo com o http://) e os nomes(titulo) nos lugares indicados. Para acrescentar mais itens apenas continue a numeração nas 3 listas existentes, assim:

.......
lnk[4]="endereço 4";
lnk[5]="endereço 5";
lnk[6]="endereço 6";
.......
.......
desc[4]="titulo 4";
desc[5]="titulo 5";
desc[6]="titulo 6";
.......
.......
dsp[4]="";
dsp[5]="";
dsp[6]="";

E altere o valor desta linha var nr_of_links = 3;, o valor será sempre o mesmo numero do ultimo item da lista.

Se quiser o mesmo código com links de texto para fazer que apareça cada vez em uma ordem diferente use deste jeito:

<script type="text/javascript" language="javascript">
var nr_of_links = 3;
var lnk = new Array (nr_of_links)
var desc = new Array (nr_of_links)
var dsp = new Array (nr_of_links)
lnk[0]="endereço 1";
lnk[1]="endereço 2";
lnk[2]="endereço 3";
lnk[3]="endereço 4";
desc[0]="titulo 1";
desc[1]="titulo 2";
desc[2]="titulo 3";
desc[3]="titulo 4";
dsp[0]="";
dsp[1]="";
dsp[2]="";
dsp[3]="";
var hits = 0;
while (hits < (nr_of_links + 1))
{
rnd = Math.round(Math.random() * nr_of_links)
if (dsp[rnd] == "")
{
dsp[rnd] = lnk[rnd]
hits += 1
document.write('<a href="' + lnk[rnd] + '"title="' + lnk[rnd] + '" target="_top"><img src="' + desc[rnd] + '"border="0" /></a><br/>')
}
}
</script>

O procedimento para alterar a quantidade de banner é o mesmo usado com os links de texto na explicação acima. Tome cuidado na hora de colocar os endereços das imagens ou texto para não apagar nenhum sinal de aspas ou ponto e vírgula, pois isso faz o código não funcionar. Outro detalhe no caso das imagens tenha certeza que está usando o endereço certo, pois muitas vezes pensamos que o código está errado e na verdade é o endereço da imagem.

Fonte: dicas para blogs

O que você deve evitar fazer no seu blogger (blogspot)

2009-10-30T06:06:00.001-07:00

Quando fazemos um blog muitas vezes exageramos nas coisas que colocamos nele, e isso acaba não agradando as pessoas que visitam o blog, há algum tempo atrás fizemos uma pesquisa sobre o que as pessoas não gostam em blogs, ela já recebeu mais de 1580 votos até hoje(07/08/2009). Veja as principais coisas que as pessoas não gostam em um blog:

Pop up ou mensagem ao entrar no blog (20% dos votos)
Algumas pessoas usam e acreditam ganhar votos em concursos ou coisas do tipo, mas pense quando você navega e abre uma mensagem dessas qual a sua reação? A minha é fechar o pop up e se não estiver muito interessando no conteúdo(já conhecer) do site fecho ele também.

Música ao entrar no blog (16% dos votos)
Cada pessoa gosta de um tipo de musica então o problema já começa daí como saber se a musica que você acha perfeita para colocar no seu blog não é a mesma que os seus visitantes detestam? Ainda existem outros problemas como pessoas que acessam a internet de locais de trabalho, faculdades, escolas e outros lugares onde não é bom fazer barulho para chamar atenção de todos neste caso a pessoa não vai procurar onde parar a musica fechará a janela o mais rápido possível. Então se inserir musicas no seu blog dê preferência aquelas onde é necessário clicar no play para iniciar e não as musicas que iniciam automaticamente quando alguém entra no blog.

Erros de português e miguxes(cada um deles recebeu mais de 13% dos votos)
Ninguém é obrigado a decifrar o que você escreve, portanto tente ser o mais correto possível. Não estou dizendo que precisar ser uma escrita totalmente formal, nem com gramática perfeita, mas pelo menos compreensível. Confesso que língua portuguesa nunca foi meu forte, por isso acho que gosto de blogs sei escrever HTML melhor que português rsrs, mas piadinhas a parte isso é outra coisa que incomoda muita gente.

Por essas e outras coisa precisamos pensar mais em coisas que agradam os visitantes do blog e não somente naquilo que gostamos. Mas não vamos falar apenas sobre o que não devemos fazer, veja aqui as coisas mais procuradas em blog, em outra postagem trataremos melhor deste assunto e se você tiver alguma sugestão para novas enquetes deixe um comentário falando sobre ela.

Fonte: dicas para blogs

Criando nuvens de tags para seu blogger (Gerador de tags)

2009-10-30T05:52:00.001-07:00

Veja como é simples colocar as nuvens de tags com links para os sites que linkam o seu blog ou então com os links das suas ultimas postagens, achamos isso no site MakeCloud.

Para criar uma lista de tags com os links de suas ultimas postagens é só entrar digitar o endereço do feed do seu blog no local indicado no site MakeCloud. Caso não tenha certeza do seu feed o endereço é: http://SEUBLOG.blogspot.com/feeds/posts/default

Então coloque o endereço do seu blog no exemplo e clique no botão Get Tag Cloud Code, na pagina seguinte copie o código da caixinha e coloque no seu blog pela pagina layout, adicionar gadget, html/javascript. E já está pronto, clique nas tags geradas e veja o resultado.

Outra coisa interessante que o site fornece é uma lista de tags dos sites que tem links para o seu blog. Copie esse código:

<script charset='ISO 8859-1' src='http://www.makecloud.com/backlinks_widget.php' type='text/javascript' ></script><span style='font-size: .7em'><a class='makecloud_link' href='http://www.makecloud.com/backlinks_widget.html' title='Backlinks blog widget lists who is linking to you'>backlinks widget</a></span>

Vá até a pagina layout, adicione um gadget html/javascript e cole esse código, verá varias palavras com links para blogs ou sites que também tem o seu link neles. Lembramos que esses serviços são gerados pelo site MakeClouds, nós apenas achamos a idéia interessante e estamos divulgando.

Fonte: dicas para blogs

Resolvendo erros de códigos que não funcionam no blogger

2009-10-30T05:47:00.000-07:00

Como resolver problemas com códigos que não funcionam, muita gente sofre demais com isso e às vezes é por coisas bobas. Quando colocamos um código html, javascript ou algum estilo CSS(imagem de fundo, formatação de texto...) nem sempre o código funciona corretamente, então normalmente voltamos a pesquisar outro site com o mesmo código, porém muitas vezes o erro é fácil de resolver.
Veja os trechos de códigos abaixo:

<textarea rows="3" cols="12" onfocus="this.select()" onmouseover="this.focus()" name="textarea">

<marquee behavior="alternate" width="400" height="50" scrolldelay="2" scrollamount="2" direction="left" onmouseover="this.stop()" onmouseout="this.start()">Coloque aqui seu texto! ! !</marquee>

background-color: #66FFFF;
background-image: url(http://www.google.com.br/logos/perseids09.gif);

Usamos cores diferentes para você notar quantas vezes aparecem os sinais: < > # / ; = & ( ), além disso ainda as palavras precisa ser escritas corretamente pois como são comandos uma letra a mais ou faltando já trará problemas.

Na hora de fazer alguma alteração nestes códigos se apagar ou duplicar um desses símbolos o código apresentará algum problema, algumas vezes parando de funcionar, por isso já repetimos muitas vezes cuidado na hora de colocar e modificar os códigos.

Nossa sugestão é se for possível quando achar um código coloque no blog exatamente como copiou do site sem fazer alteração alguma nele, depois que visualizar e ver que funcionou então comece a fazer as modificações necessárias e durante as modificações não fique somente visualizando o blog, clique também para salvar assim se acontecer um imprevisto em certo momento não perderá seu trabalho todo.

Outro erro muito comum é na hora de copiar e colar principalmente para quem adora tecla de atalho ctrl C e ctrl V, já tive problemas por colocar um v a mais no meio do código, justamente por clicar o v antes do ctrl, sei que é um erro muito bobo, mas acontece.

A intenção desta postagem não é dizer que a culpa de todos os códigos que não funcionam são das pessoas que usam, mas já vimos muita gente perder tempo e passar muita raiva por causa de detalhes na hora de modificar um código, então tenha calma e preste muita atenção. Claro que os sites também erram, alias tudo que dissemos sobre os cuidados com os sinais no meio dos códigos também valem na hora de colocar um deles na internet.

Os trechos de códigos usandos como exemplos são: caixinha link-me, texto deslizando e imagem de fundo.

Fonte: dicas para blogs

Deixe os links de suas redes sociais na forma de menu

2009-10-30T05:44:00.000-07:00

Enviar suas postagens para as redes sociais é um bom jeito de divulgar o blog e conseguir aumentar suas visitas, a maioria dos códigos para compartilhar postagens que já vi utiliza imagens, então fizemos esse somente com links de texto de algumas redes sociais e para não ocupar espaço demais colocamos uma barra de rolagem nele.
Para colocar no seu blog entre na pagina editar HTML e coloque esse código logo depois do estilo body{...}, na linha após fechar as chaves do body:

.redes a{
padding:1px;
width: 155px;
text-decoration: none;
display: block;
background-color: #FFCC99;
color: #0000CC;
margin-right: auto;
margin-left: auto;
text-align: left;
border: 1px solid #990000;
}
.redes a:hover{
color: #000000;
background-color: #FFFF99;
border: 1px solid #6699FF;
}

Isso é apenas a formatação dos botões das redes sociais, o código acima poderia ficar em qualquer outra parte junto com os estilos CSS, mas achamos melhor colocar no inicio assim fica mais fácil localizar para futuras alterações de cores, fontes...

Salve as alterações (não adianta visualizar o blog, pois ainda não será possível ver alteração alguma), agora clique para expandir o modelo e procure por:

<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<data:post.body/>

Isso pode variar um pouco dependendo do modelo do seu blog, então no seu blog pode não estar exatamente igual, agora cole esse código logo após o trecho acima:

<br/><div class='redes'><div style='border: 1px solid #000000;overflow:auto; height:130px;width: 180px;margin-right: auto;margin-left: auto;'>
<a expr:href='"http://dihitt.com.br?botao=enviar&url="+ data:post.url + "&titulo=" +data:post.title' target='_blank'>diHITT</a>
<a expr:href='"http://twitter.com/home?status="+ data:post.url' target='_blank'>Twitter</a>
<a expr:href='"http://ocioso.com.br/enviarlink.asp?site="+ data:post.url+ "&titulo=" +data:post.title' target='_blank'>Ocioso</a>
<a expr:href='"http://www.colmeia.blog.br/submit?url="+ data:post.url' target='_blank'>Colméia</a>
<a expr:href='"http://www.linkto.com.br/site.enviaNoticia.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'>Linkto</a>
<a expr:href='"http://postsocial.com.br/cgi-bin/ps/recomenda?url=" +data:post.url + "&title=" +data:post.title' target='_blank'>Post Social</a>
<a expr:href='"http://del.icio.us/post?url=" +data:post.url + "&title=" +data:post.title' target='_blank'>del.icio.us</a>
<a expr:href='"http://digg.com/submit?phase=3&url="+ data:post.url' target='_blank'>Digg</a>
<a expr:href='"http://www.linkk.com.br/submit.php?url="+ data:post.url + "&title=" +data:post.title' target='_blank'>LinkK</a>
<a expr:href='"http://rec6.via6.com/link.php?url="+ data:post.url + "&titulo=" +data:post.title' target='_blank'>Rec6</a>
<a expr:href='"http://ueba.com.br/NovoLink?url="+ data:post.url + "&titulo=" +data:post.title' target='_blank'>Uêba</a>
<a expr:href='"http://www.totalnews.com.br/submit.php?url=" + data:post.url' target='_blank'>Total News</a>
<a expr:href='"http://www.domelhor.net/submit.php?url=" + data:post.url' target='_blank'>Do Melhor</a>
<a expr:href='"http://www.linkou.com.br/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'>Linkou</a>
<a expr:href='"http://digacultura.net/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'>Diga Cultura</a>
<a expr:href='"http://pigg.com.br/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'>Pigg</a>
Adicionar ao<br/>
<a expr:href='"http://www.technorati.com/faves?add=" + data:post.url + "&title=" +data:post.title' target='_blank'>Technorati</a>
<a expr:href='"http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk="+ data:post.url + "&title=" +data:post.title' target='_blank'>Google</a>
<a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u="+ data:post.url + "&title=" +data:post.title' target='_blank'>Yahoo!</a>
<a expr:href='"http://blogmarks.net/my/new.php?mini=1&simple=1&url="+ data:post.url + "&title=" +data:post.title' target='_blank'>Blogmarks</a>
<a href='http://www.blogblogs.com.br/my/gadgets/fave?url=http://dicasparablogs.com.br' rel='alternate' target='_blank'>Blogblogs</a></div><br/></div>

Clique para visualizar o blog e se apareceu corretamente salve as alterações, agora já está tudo pronto. Se quiser botões com outra aparência(cores, fontes..) veja aqui sobre fazer botões e altere a primeira parte do código. Outra coisa que pode ser modificada é onde está height:130px;width: 180px; isso são a altura(130) e largura (180) da caixinha com os botões das redes sociais, você pode alterar como desejar, mas não se esqueça de alterar também na parte do código com o estilo dos botões.

Se achar que essa caixa ficou muito junto das postagens veja que no inicio e final dela aparece <br/> isso uma linha em branco, então é só repetir isso duas ou quantas vezes achar melhor para dar um espaço antes e depois da caixa.

Fonte: dicas para blogs

Aprenda como usar o Twitter no seu blogger (blogspot)

2009-10-30T05:42:00.000-07:00

O Twitter faz muito sucesso então vamos unir esse micro blog (como alguns chamam) com o blogspot, veja como colocar um link para enviar suas postagens do blog para o twitter. Entre na pagina editar html e clique para expandir o modelo depois procure por <data:post.body/> e coloque esse código logo abaixo dela:

<a expr:href='"http://twitter.com/home?status="+ data:post.url'
target='_blank'>Enviar para o Twitter</a>

Apenas troque o texto Enviar para o Twitter por qualquer outro que deseje ou ainda uma imagem, então o código ficaria assim:

<a expr:href='"http://twitter.com/home?status="+ data:post.url'
target='_blank'><img src='http://a0.twimg.com/a/1250203207/images/twitter_logo_header.png' border='0'/></a>

Neste caso pode trocar o endereço da imagem por qualquer outra imagem que goste mais, apenas tenha certeza que está usando o endereço correto da imagem. E já que tocamos no assunto aqui estão algumas imagens para usar como banners para o seu Twitter:

Apenas sugerimos que salve a imagem no seu computador e hospede em algum lugar para utiliza-la, a razão disso é que se muitas pessoas usam a mesma imagem principalmente se ela estiver numa hospedagem grátis ela pode parar de funcionar (ser excluída ou bloqueada a imagem). Então clique com o botão direito sobre a imagem e escolha a opção salvar, depois hospede no site http://imageshack.us/ e use o direct link para colocar no código com o link para o seu Twitter. Espero que gostem e siga-nos no Twitter.

Fonte: dicas para blogs

Anúncios em seu blogger (blogspot)

2009-10-30T05:40:00.000-07:00

Os motivos para anunciar são óbvios nem preciso dizer o quando colocar uma propaganda em algum lugar ajuda a tornar seu site, marca ou produto mais conhecidos, consumidos ou visitados e conseqüentemente gerando mais lucros. Porém alguns ainda podem achar que anunciar em blog seja algo de pouco retorno, mas a grande questão é que atualmente cada vez mais pessoas têm e vzisitam blogs e certamente tiram muita informação, divertimento ou simplesmente passam o tempo.

Toda essa gente criando e visitando blogs são um ótimo mercado consumidor e das mais variadas regiões do país e do mundo em nosso caso 93% são do Brasil, 5% de Portugal e o restante de outros paises. Veja nosso contador de visitas no final da pagina e poderá ter uma idéia de quantas pessoas passam ou já passaram por este blog e na imagem ao lado pode ver nosso ranking no Alexa que analisa sites e blogs do mundo inteiro. Se quiser consultar o ranking do seu site no Alexa é só digitar o endereço em nosso widget logo abaixo.

Por esses motivos vamos começar a exibir anúncios pagos no Dicas para Blogs, essa é uma excelente oportunidade para divulgar seu site ou blog de forma eficiente pense em quantas possas irão ver seu banner todos os dias aqui no Dicas para Blogs. Sobre os preços e opções de anúncios é melhor tratar por e-mail, então escreva para dicasparablogs@gmail.com. Para ter uma idéia de valores, por R$ 50,00(cinquenta reais) colocaremos seu banner no tamanho 120x60 em uma das colunas de menu do nosso blog por um mês, certamente isso irá tornar seu site ou blog bem mais conhecido e visitado. Esse é apenas um exemplo quando nos escrever poderemos negociar outros tamanhos de banners também outros lugares do blog como no inicio dele antes da primeira postagem no lugar que usamos hoje um anuncio do Adsense.

Ou se preferir aceitamos anúncios em nosso outro blog Frases Curtas, veja logo abaixo nosso contador de visitas e ranking no Alexa do Frases Curtas:

Fonte: dicas para blogs

Aprenda a configurar blogger no UolHost com o www ou sem ele

2009-10-30T05:32:00.000-07:00

Configurar um blog no UolHost corretamente é relativamente fácil mas tem alguns detalhes que precisamos prestar atenção, veja o procedimento para configurar seu blog corretamente usando o UolHost. Se você precisar de ajuda para registrar o domínio veja aqui um tutorial sobre como registrar domínio no Uolhost.
Agora vamos começar a configuração do dominio, primeiro faça login no site do UolHost e clique em ver meus dominios/mudar autoridade DNS

Selecione o domínio que deseja colocar no seu blog, clique no menu ações disponíveis e escolha a opção gerenciar zona DNS

Novamente selecione o domínio desejado, no menu mais ações use a opção gerenciar DNS
Agora vamos criar um direcionamento para o Blogspot preencha os campos da seguinte forma:
Tipo: cname
Entrada: www
Valor: ghs.google.com
E clique no botão criar.

No tutorial do próprio UolHost diz que isso é o suficiente porém se fizer somente isso e tentar usar o domínio sem colocar o www ele não encontrará o seu blog, é necessário criar outro redirecionamento para o domínio sem usar o www, então agora crie um no direcionamento com essas informações:
Tipo: A
Entrada: @
Valor: 74.125.95.121
Não tente colar esse numero precisará digitar mesmo.
Agora sim a configuração do UolHost está completa e seu blog funcionará corretamente digitando o endereço de qualquer forma.

Depois de terminada essa parte no Uolhost, vamos configurar o blog para usar esse domínio, entre na pagina do blogger, clique em configurações depois na guia publicação do blog que usará o domínio, clique no link escrito domínio personalizado e depois ir para configurações avançadas.

Digite o domínio que configurou usando o www depois digite as letras de confirmação e clique em salvar configurações, depois marque a opção Redirecionado frasescurtas.com.br para www.frasescurtas.com.br, claro que mostrará o endereço do seu blog e não do Frases Curtas que é o blog que estamos configurando para fazer esse tutorial e salve novamente. E já está tudo pronto.

Veja como exemplo o blog Frases Curtas que configuramos o domínio se digitar qualquer um dos endereços abaixo irá para a mesma pagina na internet:

http://frasecurta.blogspot.com
http://frasescurtas.com.br
http://www.frasescurtas.com.br

Então após terminar todas essas configurações no seu blog talvez seja necessário aguardar um pouco para funcionar corretamente os tópicos de ajuda do Blogger e UolHost dizem até 24 horas para tudo certar funcionando perfeitamente, mas nos domínios que já registrei até hoje em pouco mais de uma hora estava tudo certo. Em caso de duvidas entre com contato com o atendimento do UolHost, usei e achei bom o serviço de atendimento.

Para terminar queremos dizer para não entrarem em desespero com a queda de visitas na primeira semana após colocar o domínio no blog é normal, até agora os domínios que coloquei nos primeiros dias as visitas caem quase pela metade, mas depois de uma semana ou pouco mais voltaram ao normal.

Fonte: dicas para blogs

Observe como Inserir bordas nas imagens do blogger (blogspot)

2009-10-30T05:17:00.001-07:00

É possível colocar uma borda em todas as imagens das postagens de uma só vez e ainda dar um efeito diferente nesta borda quando o mouse está sobre a imagem. Isso é uma alteração bem fácil e modifica um pouco o template, podendo deixar o blog mais bonito. Veja como ficou nosso banner com bordas(ao lado).

Para colocar uma borda em todas as imagens das postagens entre na pagina editar html e coloque no junto dos outros estilos css esse código:

.post img{border: 1px solid #000000;padding: 1px;}
.post a:hover img{border: 1px solid #6699FF;}

Se tiver duvidas sobre onde colocar procure por body{.... e coloque na linha acima dele, assim fica fácil achar para futuras alterações, o código acima é só uma das possibilidades de bordas você pode ver aqui informações mais detalhadas sobre como modificar o estilo das bordas.

A parte padding:1px faz que a borda não fique colada na imagem, você pode retirar essa parte do código ou aumentar a distancia para deixar as imagens do seu blog com uma melhor aparência. Queremos lembrar as bordas somente mudam de aparência se a imagem tiver um link nelas, senão mesmo com o mouse sobre elas continuaram com a mesma borda.

Fonte: dicas para blogs

Colocando em seu blogger um contador de seguidores para o twitter !

2009-10-30T05:14:00.000-07:00

Com o sucesso do Twitter muitas pessoas querem mostrar no blog quando seguidores têm no Twitter, o melhor jeito de fazer é usando o site Twitter Counter, você só precisa digitar o seu nome de usuário do Twitter na caixa Show twitter statistics for e na pagina seguinte clicar no texto “Get more followers: Add TwitterCounter to your site” que aparece embaixo do contador de seguidores, isso levará você a vários modelos de contadores onde só precisa copiar o código e colocar no blog pela pagina editar layout, adicionar gadget, html/javascript.

Além dos modelos de contadores de seguidores para o Twitter no final da pagina você encontra o código para mostrar somente o texto com o numero de seguidores, isso é muito útil se quiser mostrar o numero de seguidores com um texto alternativo ao lado. Sinceramente adorei essa opção.

Outra ferramenta interessante é o Twitter Search é um site de busca para o conteúdo do Twitter só precisa digitar o que você procura como se fosse no Google, Yahoo ou qualquer outro site de busca.

Fonte: dicas para blogs

Veja aqui como melhorar os marcadores do blogger (Blogspot)

2009-10-30T05:12:00.000-07:00

O menu feito usando os marcadores do blog sempre apresenta uma falha, quando clicamos em algum item e aparece a pagina desse marcador mesmo assim ele continua aparecendo na lista dos marcadores e muitas vezes fora da formatação dos outros itens. Mas existe um jeito de ocultar o marcador que estamos visitando do menu.

Entre na pagina editar html, clique para expandir o modelo e procure por sua lista de marcadores, no caso desse blog buscamos pelo titulo guia rápido que é o nome usado em nossos marcadores, veja que no inicio aparece <b:widget id='Label1' locked='false' title='Guia Rapido' type='Label'>, no seu blog onde tem guia rápido terá o nome que usa para esse menu, então você encontrará algo assim:

<b:widget id='Label1' locked='false' title='Guia Rapido' 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 class='guiarapido'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Então apague o trecho:

<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>

Clique para salvar e faça o teste, quando clicar em um dos marcadores do seu blog a pagina que aparece esse marcador, a lista dos marcadores não mostrará esse item que estamos visitando. Se quiser faça o teste neste blog clique em qualquer item do guia rápido e verá que na pagina que abrir ele não aparecerá na lista.

Fonte: dicas para blogs

Como mudar a cor de fundo de seu blogger com apenas um clique !

2009-10-29T12:08:00.001-07:00

Um efeito interessante é permitir que o visitante do blog escolha a cor de fundo da pagina apenas clicando na cor que mais gosta, dependendo do publico do seu blog essa é uma boa maneira para despertar a curiosidade das pessoas sobre o blog e o melhor de tudo o código para fazer isso é muito simples e fácil de usar.

Entre na pagina layout, adicionar gadget, html/javascript e coloque esse código:

<a href="#" onclick="document.bgColor='#0000ff'">Azul</a><br />
<a href="#" onclick="document.bgColor='#FFFF00'">Amarelo</a><br />
<a href="#" onclick="document.bgColor='#000000'">Preto</a><br />

Veja que as três linhas são basicamente iguais, portanto para usar outras cores ou dar mais opções só precisa alterar o texto com o nome da cor e o código da cor de fundo, no caso da primeira linha #0000ff e azul, cuidado para não apagar as aspas nem outros sinais do código senão ele não funcionará.

Outra coisa que você precisa alterar é na pagina editar html, procure por: body{....} se dentro das chaves do body tiver algo definindo a cor de fundo você precisará apagar senão o código para mudar a cor de fundo não funcionará, veja se tem background-color ou background-image: url(......) e se encontrar apague.

Infelizmente para usar esse efeito no seu blog ele sempre aparecerá com o fundo branco, pois se definir outra cor de fundo não conseguirá fazer o código que indicamos funcionar e alterar a cor da pagina.

Fonte: dicas para blogs

Aprenda a registrar um domínio para seu blogger / blogspot ( registrando um domínio )

2009-10-29T12:00:00.000-07:00

Como fazer para mudar o endereço do blog retirando o blogspot e colocando somente .com, .net, .com.br ou algum outro, para conseguir fazer isso precisa registrar um domínio. Existem vários lugares onde você pode fazer isso: Registro.br, Locaweb, mas nós escolhemos fazer pelo Uolhost então vamos mostrar como registrar um domínio neste site.

Quando acessar o site do Uolhost digite o endereço que pretende usar no seu blog e clique para procurar

Se o endereço estiver disponível é só clicar em adicionar senão use a caixa na parte de baixo para procurar outro endereço

Clique no botão registrar domínios selecionados

Agora digite o seu nome e numero do CPF e clique para avançar no cadastro, após terminar de preencher o cadastro você receberá um email com um link para imprimir seu boleto bancário com o valor do domino que acabou de registrar.

Depois que pagar esse boleto demora de 1 a 3 dias para o domínio estar disponível para utilização, portanto agora é só aguardar a liberação do registro do domínio e depois configurar o novo endereço no seu blog, se precisar de ajuda recentemente escrevemos um tutorial sobre como configurar o blog no Uolhost.

Fonte: dicas para blogs

Como Resolver problemas com os comentários em seu blogger ?

2009-10-29T11:56:00.000-07:00

Quando os comentários do blog não aparecem, a primeira coisa que devemos verificar é se nas configurações do blog está marcado para exibir os comentários. Para fazer isso entre em configurações, comentários e veja se está selecionado para exibir os comentários? Se estiver altere para ocultar, salve e depois marque para mostrar novamente, se for um bug do blogger isso deve resolver o problema.

Caso não apareçam os comentários no seu blog ou mesmo aparecendo o link para a página de comentários não funcionar corretamente é possível que o problema seja no HTML, então entre na pagina editar HTML, clique para expandir o modelo e procure por:

<div class='post-footer'>
<p class='post-footer-line post-footer-line-1'><span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
</span> <span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
</b:if>
</b:if>
</span>

Isso pode variar um pouco dependendo do modelo do seu blog, então logo depois desses códigos coloque esse trecho, se já tem algo parecido provavelmente está com algum erro então apague e substitua por esse:

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>

Agora clique para visualizar, depois salvar e faça o teste tentando deixar um comentário no seu blog. Isso já resolveu o problema com os comentários em diversos blogs, mas naturalmente se você baixou seu template de algum site o HTML dele pode ser totalmente diferente então não é possível utilizar essa dica. Neste caso o melhor a fazer é entrar em contato com o site de onde baixou o template e falar sobre o problema.

Fonte: dicas para blogs

Como inserir uma Lista de postagens no seu blogger / blogspot - Artigos Relacionados

2009-10-29T11:54:00.001-07:00

Muitos blogs usam uma lista de link com assuntos relacionadas no final de cada postagem para tentar fazer que as pessoas visitem outras páginas, mas que tal colocar uma lista com algumas de suas postagens no menu do blog e o melhor uma lista que se atualiza automaticamente.

Esse código mostra uma lista com alguns links de suas postagens sorteadas aleatoriamente. A vantagem dessa lista é não ter o trabalho de escolher os links manualmente, pode parecer somente preguiça mas por outro lado como vamos adivinhar o que poderia despertar interesse das pessoas? Já numa lista normal você pode fazer escolhendo os links assim pode escolher assuntos que tenham relação com aquela postagens, mas por outro lado serão sempre os mesmos links.

Entre na pagina layout, adicionar gadget, html/javascript e cole esse código:

<div id="random-posts"><script type="text/javascript">
quantidade = 7;
</script>
<script src="http://acessoriosparablogs.com.br/scripts/lista.js" type="text/javascript"></script>
<script src="/feeds/posts/summary?alt=json-in-script&callback=getRandomPosts&max-results=999" type="text/javascript"></script></div>

Apenas altere o numero 7 para o numero de postagens aleatórias que deseja mostrar antes de colocar o código no seu blog. Além da possibilidade das pessoas conhecerem melhor o blog isso ainda pode ajudar a conseguir mais visitas porque os sites de busca tem preferência por sites onde as pessoas visitam varias paginas.

Fonte: dicas para blogs

Inserindo uma Ferramenta de tradução para seu blogger (blogspot)

2009-10-29T11:42:00.000-07:00

Uma ferramenta de tradução é útil num blog afinal não sabemos de onde podem vir nossos visitantes e qual seu idioma fluente, então aqui estão os códigos para traduzir seu blog para alguns idiomas. Se quiser pode escolher e copiar somente o códigos dos idiomas que desejar mostrar no seu blog.

<div style=" cursor:pointer">
<a rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cen&en=pt&en=UTF8'); return false;">Inglês</a><br/>
<a rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Ces&hl=pt&ie=UTF8'); return false;">Espanhol</a><br/>
<a rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cfr&hl=pt&ie=UTF8'); return false;">Francês</a><br/>
<a rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cde&hl=pt&ie=UTF8'); return false;">Alemão</a><br/>
<a rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cit&hl=pt&ie=UTF8'); return false;">Italiano</a><br/>
<a rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cja&hl=pt&ie=UTF8'); return false;">Japonês</a><br/>
<a rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cru&hl=pt&ie=UTF8'); return false;">Russo</a><br/>
</div>

Se quiser em vez de mostrar links de texto pode trocar o nome do idioma por uma imagem, no caso da tradução para o inglês, troque essa palavra por:

<img src="http://1.bp.blogspot.com/_-v7nVhXnPEc/Sp_6Sg91vqI/AAAAAAAAAdQ/WnWIYQpGVCo/s320/brasil-icone.png" border="0" />

Então o código ficaria desse jeito:

<a rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cen&en=pt&en=UTF8'); return false;"><img src="http://1.bp.blogspot.com/_-v7nVhXnPEc/Sp_6Sg91vqI/AAAAAAAAAdQ/WnWIYQpGVCo/s320/brasil-icone.png" border="0" /></a><br/>

Usamos como exemplo de código com imagem a bandeira do Brasil que está ao lado. E assim por diante com todas as línguas que desejar mostrar a tradução. Caso use imagens para que elas fiquem uma do lado da outra retire o <br/> do final de cada linha.

Se quiser algum outro idioma deixe um comentário e vamos mostrar o código pra você, afinal como reparou são quase todos iguais, basta entrar no site de tradução do Google e ver o código da linha desejada.

Fonte: dicas para blogs

Coloque um Contador de visitas em seu blogger (blogspot)

2009-10-29T11:37:00.000-07:00

Coloque no seu blog um contador de visitas online que ainda mostra nas estatísticas o total de visitantes, países de origem, sistema operacional e navegador utilizado. Além disso, esse contador de visitas pode ser facilmente personalizado com as cores que desejar para ficar com o jeito do seu blog.

Entre no site TrendCounter e clique no botão Get your own Counter

Então é só escolher as cores clicando nos quadrinhos que estão em branco e preto aguardar alguns segundos e ver como ficou o contador na imagem logo abaixo (preview).

Quando chegar num estilo que gostar clique em create counter-code, copie o código e coloque no seu blog pela pagina layout, adicionar gadget, html/javascript.

Outra coisa interessante que podemos dizer é que mesmo após colocar o contador no seu blog é possível editá-lo, trocar suas cores sem perder o histórico do contador. Para modificar o contador após instalar-lo primeiro copie o código do contador que colocou no seu blog, depois entre no site do TrendCounter, no menu clique na opção Adjust Widget
Iamgem

Na tela seguinte você verá Adjust Widget, Your current HTML-Code: então coloque o código do seu contador atual neste campo de texto e clique em submit form. Agora é só escolher as novas cores ou aparência, clicar em create counter-code, pegar o código e colocar no blog novamente igual fez da primeira vez.

Fonte: dicas para blogs

Aprenda como trocar o cursor do mouse por uma imagem em seu blogger (blogspot)

2009-10-29T11:25:00.000-07:00

Muita gente procura como mudar ou trocar o cursor do mouse por uma imagem, encontramos um jeito bem fácil de fazer isso. Usando os cursores que o site Totally Free Cursors oferece, e como o próprio nome diz são grátis.

Você só precisa entrar no site e escolher qual imagem quer usar no lugar do cursor do mouse, veja que no menu tem muitas opções, quando achar uma que goste, clique sobre ela, então vai aparecer uma pagina com o código desse cursor, onde além de pegar o código poderá visualizar o cursor em funcionamento.

A pagina diz MySpace Codes, mas testei e funcionou perfeitamente aqui no blogspot e apareceu a imagem em vez do ponteiro do mouse, apenas quando passar o mouse sobre vídeos e alguns anúncios o cursor volta ao modelo padrão, mas na maior parte fica com a imagem que escolheu.

Então copie esse código e coloque no seu blog pela pagina layout, adicionar gadget, html/javascript e cole o código que pegou no site. Não importa o lugar da pagina que ficará isso ele funcionará normalmente.

Fonte: dicas para blogs

Inserindo uma enquete no blogger (blogspot)

2009-10-29T11:07:00.001-07:00

Um dos melhores jeitos de saber o que as pessoas procuram ou gostariam de ver em um blog ou na internet é através de pesquisas, o próprio blogger tem essa função, basta entrar na pagina layout, adicionar gadget e encontrar a opção enquete e preencher os dados da sua pesquisa.

Ou então podemos criar nossa pesquisa em sites fora do blogspot como, por exemplo, no site http://www.enquetes.com.br/, ele tem mais opções que as pesquisas criadas diretamente no blog e também é muito fácil de usar, ao entrar no site você verá um link: clique aqui e faça já a sua! Quando clicar precisará fazer um cadastro (é gratuito). Mas é simples, forneça o endereço do seu site ou blog no cadastro, será útil depois.

Após terminar o cadastro vamos criar a enquete, preencha os campos com sua pergunta, opções e selecione uma categoria.

Quando clicar para avançar (próximo passo) irá fazer algumas configurações da sua pesquisa as principais opções em nossa opinião são:

Exibir seus dados como "criador" da enquete, isso faz aparecer na pagina de votação e resultados da pesquisa um link (criador da enquete) com seu site e email por isso dissemos no começo para colocar o endereço do seu blog no cadastro.

Controle avançado de duplicidade de votos: isso impede que uma pessoa vote diversas vezes seguidas na mesma enquete, após votar o site bloquear o IP por aproximadamente 7 minutos.

Permitir que os visitantes criem comentários sobre a sua enquete se quiser que as pessoas comentem sobre a enquete marque essa opção.

Enquete temporária e/ou limitada: se marcar essa opção a enquete terá um dia para terminar, isso é uma questão de gosto pessoal se você quer ou não um prazo final para votar na sua pesquisa.

Comportamento da enquete: aqui define se é permitido votar em somente uma ou mais opções da pesquisa.

Forma de exibição dos resultados parciais da enquete: como o próprio nome diz é a forma que os resultados serão exibidos, nós sempre usamos a opção: Automático: exibe o número de votos após 20 votos computados.

Agora clique em salvar e na tela seguinte tem varias opções entre elas ver a enquete e instruções sobre como instalar a enquete em seu website

Você verá varias jeito de utilizar sua enquete para colocar no menu do seu blog copie o código da Opção 2 - formulário com a enquete e recursos Java depois entre na pagina layout do seu blog, clique em adicionar gadget, html/javascript e cole o código. Agora o seu blog já tem uma pesquisa de opinião que você pode controlar muito melhor do que as pesquisas geradas pelo próprio blogger.

Fonte: dicas para blogs

Como inserir separação entre as postagens do blogger (blogspot)

2009-10-29T10:49:00.001-07:00

Uma coisa fácil de fazer e que melhora muito a aparência do blog é colocar uma separação bem defina entre as postagens. Você já reparou que alguns blogs fica difícil ver claramente onde é o inicio e o final de cada postagem? Então vamos dar um espaço entre as postagens e colocar uma linha para separá-las melhor.
Entre na pagina editar html e procure por .post{....} se não encontrar coloque:

.post{padding-bottom:5px; border-bottom: 2px dashed #990000; margin-bottom:30px}

Mas se encontrar apague ou altere os valores, veja o que faz cada parte desse código:
padding-bottom:5px
margem entre a linha tracejada (borda) e o final da postagem ou comentários

border-bottom: 2px dashed #990000
estilo, cor e espessura da borda, vejam aqui como alterar as bordas

margin-bottom:30px
margem depois da borda, esse é o espaço que ficará vazio entre uma postagem e outra.

Porém se já tiver algo no seu html igual a isso ou seja .post{...} veja se dentro dele já tem alguns desses valores definidos border, margin e padding, se tiver pode só alterar ou inserir os valores que mostramos acima separadamente. Depois clique para visualizar o blog e se ficou do jeito que você queria clique para salvar as alterações.

Agora já está tudo pronto o seu blog tem uma melhor separação entre as postagens, assim ninguém ficará perdido procurando onde começa ou termina cada um dos textos do seu blog.

Fonte: dicas para blogs

Aprenda a editar fotos online para seu blogger (blogspot)

2009-10-29T10:39:00.000-07:00

Já publicamos uma lista com programas grátis para editar imagens e fotos, mas também é possível modificar as fotos ou imagens diretamente pela internet sem precisar baixar nada e gratuitamente. Veja alguns sites onde você pode modificar suas fotos com apenas alguns cliques:

http://www.change-images.com/
Na pagina inicial tem um menu que algumas opções que são muito simples de usar, por exemplo:
Resize Images: modificar o tamanho da foto
Convert Images: converte para outros formatos de arquivo (gif, jpg, png, ico, pdf e outros)
Photo Frames: coloca vários estilos de molduras nas imagens.

http://www.photofunia.com/
Esse também é muito fácil de mexer e serve para se divertir com as imagens principalmente para dar alguns efeitos especiais no seu álbum de fotos no Orkut. Entre outras coisas tem a possibilidade de transformar sua foto numa parece, ou aparecer na íris do olho, ou ainda o site faz uma montagem para sua imagem parecer estar numa galeria, até em forma de vestido... enfim gostei muito da diversidade de efeitos. São interessantes para postagens de blogs, mas acho que as pessoas que gostam de fotos e Orkut acharam muito mais legais.

http://www.pizap.com/
Já falei desse site uma vez, mas vale à pena repetir, ele permite fazer modificações na sua foto colocando outros olhos, cabelo, boca e tudo mais. É possível escrever sobre as fotos, colocar aqueles bolões de texto ou pensamentos igual das revistas em quadrinhos. Adicionar alguns efeitos e até pintar sobre a imagem.

Espero que gostem e se divirtam com esses sites, embora sejam para editar fotos e não fazer templates, banners e outras coisas para blogs são bem interessantes e sempre podemos aproveitar algumas coisas onde menos esperamos... Se preferir veja uma lista de programas gratuitos para fazer alterações e criar suas imagens.

Sites indicados por pessoas que visitam esse blog:

Photoshop Online
PicNik

Fonte: dicas para blogs

Aprenda a personalizar Caixinha link-me no seu blogger (blogspot)

2009-10-29T10:26:00.001-07:00

É possível dar uma nova aparência(formatar) a caixinha link-me retirando a barra de rolagem ou alterando suas bordas, isso tudo é fácil para fazer basta colocar um estilo (style) no código do textarea, esse é o nome correto da caixinha link-me. O código para fazer isso é:

<textarea style="overflow:hidden; border:1px dashed #0000FF; background:#FFFFCC; width:100px; height:40px"onfocus="this.select()" onmouseover="this.focus()">Conteudo da caixinha</textarea>

Quem já sabe um pouco de CSS já notou que a única coisa diferente é que aplicamos os mesmos recursos usados na formatação de uma pagina, texto ou botão no código da caixinha link-me, veja que o faz cada parte do código:

overflow:hidden – oculta a barra de rolagem
border:1px dashed #0000FF - estilo e cor da borda, veja aqui como usar outros tipos de bordas.
background:#FFFFCC – cor de fundo, veja o código de outras cores.
width:100px; height:40px – largura(100) e altura(40) da caixinha.

Depois que terminar de formatar para deixar com uma aparência que combine com o seu blog é só colocar do mesmo jeito que qualquer outra pela pagina layout, adicionar gadget, html/javascript. Se você usa varias caixas de texto desse tipo no blog e quiser mudar a aparência de todas elas também é possível e muito simples de fazer. Entre na pagina editar html e procure por body{.....} logo depois que fechar as chaves do body coloque isso:

textarea {overflow:hidden; border:1px dashed #0000FF; background:#FFFFCC; width:100px; height:40px}

Fazer alterações aqui é da mesma forma que mostramos acima para uma caixinha individualmente, mas aqui as mudanças que fizer serão aplicadas a todas as caixas de texto (textarea) do seu blog. Note que o inicio do código é textarea não tem ponto nem qualquer outro sinal antes da palavra.

Fonte: dicas para blogs

Criar uma apresentação de slides para o blogger (blogspot)

2009-10-29T10:20:00.002-07:00

Criar uma apresentação de slides no blog existem varias maneiras uma delas é fazer um álbum de fotos no http://www.flickr.com/, se não tiver uma conta no site crie é grátis. Depois que enviar todas as imagens que desejar usar no seu slide show no blog para o Flickr, veja que na pagina inicial dele tem um link “sua galeria”, no caso da nossa que criamos para demonstrar neste tutorial sobre como colocar uma apresentação de slides no blog o endereço é http://www.flickr.com/photos/14971067@N02/, isso é importante, pois será pedido no blogger na hora de criar os slides.

Agora entre no Blogger na pagina layout, clique em adicionar gadget e procure a opção apresentação de slides. Na próxima tela vamos criar nossa apresentação veja na imagem abaixo, como preencher os campos principais:

Coloque o titulo que desejar, depois em origem selecione a Flickr, opção marque usuário. Agora vem uma parte importante nome de usuario aqui vai o endereço do seu algum no Flickr em nosso caso é 14971067@N02/. Após isso defina a velocidade, mais algumas opções são abrir os link em nova janela (aconselhamos marcar) e posicionar imagens aleatoriamente.

Você poderá visualizar sua apresentação de slides enquanto modifica as opções depois que terminar é só salvar. Outro detalhe interessante é se você já tiver vários álbuns no Flickr pode fazer uma apresentação usando somente um deles, por exemplo, criamos um álbum com algumas fotos de animais, o endereço é http://www.flickr.com/photos/14971067@N02/sets/72157622406994126/ se fossemos usar somente essas imagens nos slides colocaríamos o nome de usuario assim: 14971067@N02/sets/72157622406994126/ essa é uma maneira de usar somente uma parte das imagens que você já tem nos seus álbuns de fotos no Flickr.

Fonte: dicas para blogs

Dividindo a sidebar em duas em seu blogger ( blogspot )

2009-10-29T10:20:00.000-07:00

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

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

ou somente #sidebar {....

Logo abaixo desse trecho coloque:

#sidebar-wrapper-doble {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#columna-izda {
width: 48%;
float: left;
}
#columna-dcha {
width: 48%;
float: right;
}

Depois disso procure por
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML3' locked='false' title='' type='HTML'/>
</b:section>
</div>

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

<div id='sidebar-wrapper-doble'>
<b:section class='sidebar' id='columna-izda' showaddelement='yes'>
</b:section>
<b:section class='sidebar' id='columna-dcha' showaddelement='yes'>
</b:section>
<div style='clear: both;'/>
</div>

Salve e depois entre na pagina layout e arraste os gadgets para essas novas sub colunas (coluna dividida em dois), você deve visualizar ela mais ou menos assim:

Para ficar melhor podemos aumentar a largura total do blog, volte a pagina editar html e procure por:
#header-wrapper {
width:660px;.........
#outer-wrapper {
width: 660px;............
#footer {
width:660px;............

E troque esses três valores 660px por 980px, depois note que nos trechos acima onde modificamos a sidebar tem o valor 220px, ele aparece duas vezes então modifique os dois para 460 e visualize seu blog, acho que agora ficou com uma aparência bem melhor com essas novas larguras pra as colunas.

Fonte: El Escaparate de Rosa

Fonte: dicas para blogs

Como exibir backlinks ( Links recebidos ) em seu blogger

2009-10-29T10:18:00.000-07:00

Para mostrar no seu blog uma lista dos backlinks, ou seja, o endereço dos blogs que recentemente criaram um link para o seu blog, você deve usar esse endereço:

http://search.blogger.com/blogsearch?q=link:www.dicasparablogs.com.br

Substituindo o endereço do nosso blog pelo seu, mas preste atenção o blogspot não tem www, esse nosso endereço tem porque registramos um domínio, o endereço padrão do blogger é http://seublog.blogspot.com. Essa busca pelos últimos links recebidos pelo blog funciona exatamente para o endereço que digitar, então é necessário ser exato.

Agora entre na pagina layout, clique para adicionar um gadget, escolha a opção Feed

Coloque o endereço já modificado para o seu blog, clique em continuar e escolha as opções de quantos links mostrará e se vai ou não exibir a data e as fontes/autores do item.

Não se esqueça de trocar o titulo do gadget, pois normalmente ele aparece mais ou menos assim: link:www.dicasparablogs.com.br – Pesquisa de blogs do Google e certamente escrever backlinks, links recebidos ou algo do tipo é muito mais simpático. Depois disso é só clicar para salvar e pronto.

Isso pode ser útil como um acessório a mais no seu blog mas também serve como incentivo para que outras pessoas criem links para o seu blog e apareçam nesta lista, ou seja funciona como um meio de divulgação do blog podendo atrair mais links e visitas.

Se tiver duvidas sobre o funcionamento do código pode fazer o teste visitando a pagina Pesquisa Google de Blogs e digitando o endereço do blog. Infelizmente em alguns caso como blogs novos parece não haver links apontando para eles ainda.

Fonte: dicas para blogs

Alterando o favicon do Blogger / blogspot

2009-10-29T10:17:00.000-07:00

Para colocar um Favicon no seu blog, ou seja, a imagem que fica na barra de endereços ao lado da url do seu blog, precisamos criar e hospedar uma imagem e depois colocar um código no html do blog. Mas vamos explicar por partes e você verá que é fácil de fazer.

Primeiro crie ou encontre uma imagem que gostaria de usar na barra de endereços, ela deve ser quadrada, lembre-se que a imagem ficará bem reduzida (16 x 16 pixels), portanto não adianta usar uma cheia de detalhes pequenos. Aconselhamos já salvar a imagem neste tamanho 16x16px para depois enviar para os sites de hospedagem e conversão para o formato ícone.

Depois que tiver a imagem pronta entre no site Free Online Icon Editor nele é possível desenhar seu ícone se quiser (para aqueles que são bons em pixelart), mas se for fazer selecione o tamanho 16 x 16. Mas viemos aqui principalmente para mostrar como converter sua imagem de qualquer formato (gif, jpg, png) em um ícone, ou seja, formato .ico, clique em enviar arquivo, encontre sua imagem, deixe selecionado 16x16(favicon) e clique em upload.

Agora clique no botão save icon e escolha um lugar para salvar o ícone no seu computador. Essa parte já está pronta, agora vamos hospedar o favicon (colocar a imagem do ícone na internet).

Vamos até o site Image Boo Hosting clique no botão enviar arquivo e localize o ícone, envie também a imagem original (que usou para converter no outro site para o formato ícone), deixe selecionado Public em upload type e clique em start uploading. Agora copie o código da ultima linha (Direct) das duas imagens que enviamos.

Até o momento já temos nosso ícone criado e hospedado na internet, agora só falta colocar no blog. Entre na pagina layout > editar html e procure por </head>, antes dessa linha coloque o código abaixo substituindo os endereços das imagens que você acabou de hospedar.

<link href='imagem formato icone' rel='shortcut icon'/>
<link href='imagem original' rel='shortcut icon' type='image/png'/>

No final da segunda linha troque png pelo formato da imagem original gif, jpg, se achar mais fácil poderia fazer isso já com uma imagem png desde o inicio. Clique para salvar e já está tudo pronto o resultado final é esse:

Fizemos e testamos esse tutorial no Firefox e Internet Explorer que são os navegadores mais utilizados atualmente.

Fonte: dicas para blogs

Personalizando o título do blogger (blogspot)

2009-10-29T10:16:00.000-07:00

Talvez você já notou que alguns blogs inclusive esse quando entra nas paginas individuais das postagens o titulo da postagem aparece antes do nome do blog. Fazer essa alteração ajuda os mecanismos de busca localizar suas postagens e com isso aumentar o numero de visitas.

Normalmente na barra do navegador aparece assim: nome do blog – nome da postagem, depois que inserir esse código aparecerá nome da postagem – nome do blog. Agora vamos começar, entre na pagina editar html e procure por:

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

Apague essa linha e coloque isso no lugar:

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> <data:blog.title/></title>
<b:else/><title><data:blog.pageTitle/></title>
</b:if>

Salve e visualize seu blog, depois clique para ver somente uma postagem e notará que o nome da postagem trocou de lugar com o nome do blog. Em pouco tempo essa alteração também aparecerá também quando seu blog aparecer entre os resultados das pesquisas do Google.

Fonte: Blogging Tutorial, Free Templates and Sites Info

Fonte: dicas para blogs

Como mostrar assuntos relacionados no blogger (blogspot)

2009-10-29T10:14:00.000-07:00

Mostrar as postagens relacionadas com uma miniatura da imagem, isso é no final de cada um de seus textos aparece o link de alguns outros textos do seu blog com uma imagem, isso é muito útil para gerar trafego entre suas paginas, pois mantêm as pessoas mais tempo no seu blog e isso faz melhorar sua classificação nos sites de busca. Podendo até gerar mais visitas.

É muito fácil de fazer usando o site LinkWithin você só precisa digitar o seu email, endereço do seu blog, escolher a plataforma (sugerimos escolher a opção Other e não a opção Blogger) assim poderá pegar o código em vez de adicionar diretamente no blog, isso é útil, pois dependendo do seu template se usar a opção blog poderá ter alguns problemas como aparecer um gadget vazio, mas se quiser fazer o teste usando a opção blog pode dar certo. e o numero de links que mostrará(Width:). Caso seu blog tenha um fundo escuro e letras claras marque a opção My blog has light text on a dark background, depois é só clicar em Get Widget e copiar o código para colocar no seu blog.

Agora que já copiamos o código para mostrar os assuntos relacionados no Blogger entre na pagina editar html, clique para expandir o modelo e procure por:

<data:post.body/>

Quando encontrar coloque o código que copiou exatamente abaixo dessa linha, clique para visualizar e se estiver tudo certo é só salvar e já está pronto. Agora seu blog mostra o link de algumas postagens com miniaturas no final de cada um dos textos. Se você achar que esses links ficaram muito juntos com sua postagem ou dos comentários pode colocar <br/> antes e depois do código, isso faz deixar uma linha em branco, pode repetir quantas vezes quiser, ou seja, cada <br/> é uma linha em branco.

Para fazer esse tutorial instalei LinkWithin no blog Frases Curtas.

Fonte: dicas para blogs

Comando para mostrar resumo das postagens em seu blogger ( blogspot )

2009-10-29T10:12:00.000-07:00

O Blogger colocou a opção leia mais na sua pagina de postagem, entre nas configurações do seu blog e veja no final da pagina selecionar editor de postagem, selecione a primeira opção (Editor atualizado) e clique para salvar.

Agora vamos fazer uma nova postagem, na pagina onde escreve seu texto clique na guia escrever e note essa ferramenta que destacamos na imagem

Clique na parte do seu texto que deseja colocar o leia mais e depois clique na ferramenta destacada acima. Depois pode publicar o seu texto, mas ainda não está pronto, ainda não será possivel ver funcionando.
Vamos até a pagina editar html, clique para expandir o modelo e procure por:
<div style='clear: both;'/>
</div>

e coloque isso logo depois:

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'>Veja o texto Completo</a>
</div>
</b:if>

o trecho ficará assim:

Agora é só clicar para salvar as alterações e visualizar o blog que aparecerá a frase veja o texto completo no final da postagem que acabamos de fazer. Lembramos que esse procedimento feito na pagina editar html só é necessário na primeira vez, nos próximos textos que publicar basta clicar na ferramenta na pagina de postagens e escolher o lugar onde aparecerá essa frase. E naturalmente você pode escrever o que quiser no lugar onde colocamos veja o texto completo.

Fonte: Blogging Tutorial, Free Templates and Sites Info

Fonte: dicas para blogs

Colocando um botão retweet em seu blogger (blogspot)

2009-10-29T08:04:00.000-07:00

Colocar um botão Retweet no seu blog é bem simples e pode ajuda na divulgação do seu blog trazendo mais visitas e melhorando sua posição em resultados de pesquisas e nas redes sociais, para colocar o Retweet no blog é praticamente do mesmo jeito que colocar links para redes sociais.

Entre na pagina editar html, clique para expandir o modelo, e procure por esse trecho <data:post.body/> e coloque esse código logo depois:

<div style=”float:right;margin-right:10px”>
<script type="text/javascript">
tweetmeme_url = '<data:post.url>';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>
</div>

A linha <div style=”float:right;margin-right:10px”> faz que o botão fique no canto direito se quiser do lado esquerdo é só trocar duas palavras right por left. O valor 10px é a distancia da margem da postagem pode alterar como desejar. Se quiser deixar o botão centralizado troque float:right;margin-right:10px por text-align: center.

Fonte: dicas para blogs

Colocando uma Barra do blogger (blogspot) transparente

2009-10-29T08:00:00.001-07:00

O blogger criou a opção de usar a barra padrão do blogspot com fundo transparente, para isso colocou a disposição duas versões: uma para blogs que usam fundo claro e outra para blogs escuros.
Entre na pagina layout e clique para editar a barra do blogspot e verá essas novas opções:

Gostei muito da novidade no blog porque permite mostrar a textura por baixo da barra que uso como plano de fundo em meu outro blog Frases Curtas. Além disso, agora tem a opção seguir e compartilhar incluídas na barra padrão. E também uma busca dentro do próprio blog. Talvez isso tudo faça que algumas das pessoas que até optaram por ocultar a barra padrão do blogger passaram a exibi-la nos seus blogs. Se no seu blog a barra estiver oculta e quiser mostra-la é só entrar no link para ver o código que não deixa a barra aparecer, depois entre na pagina editar html, procure e apague esse código.

A imagem acima é um exemplo de textura por baixo de uma barra semi transparente da cor clara, usamos o blog Frases Curtas para testar essas opções de barra do blogspot.

Fonte: dicas para blogs

Como fazer Cópia de Segurança do seu Blogger (blogspot)

2009-10-29T07:57:00.001-07:00

Quando o assunto são computadores é sempre bom ter uma copia de segurança de nossos arquivos e isso vale também na hora de editar o html do blog. Quando vamos modificar o html sempre corremos o risco de apagar ou colocar algo no lugar errado e não conseguir mais encontrar o erro e acabamos desconfigurando o template inteiro do blog com isso.

Para evitar estragar o layout do blog quando mexemos no html dele vale à pena salvar uma cópia do modelo antes de começar, então na hora que entrar na pagina editar html clique em baixar modelo completo, aparecerá uma janela para inicio do download para você escolher onde salvará o arquivo.

Esse é um trabalho simples e rápido, depois que fizer isso pode alterar seu html tranquilamente, pois em caso de problemas será só enviar o arquivo que baixou clicando no botão enviar arquivo, achando o arquivo do template e depois clique em upload e seu blog voltará ao que era no inicio.

Já que estamos no assunto copias de segurança, pense também nos arquivos que tem no seu computador: fotos, textos, musicas e tantas outras coisas é muito recomendáveis salvar um copia delas em um CD, DVD, ou qualquer outra forma de armazenamento, pois nunca sabemos quando vamos pegar um vírus ou ter problemas no computador e ter essas cópias de segurança evitam muitas perdas de tempo e às vezes dinheiro.

Fonte: dicas para blogs

Onde encontrar Conteúdo e acessórios para blogger (blogspot)

2009-10-29T07:04:00.000-07:00

Onde achar coisas legais e interessantes para colocar no blog, quais são os melhores acessórios para colocar no blog e também como incrementar o visual do blog, recebemos essas e outras perguntas semelhantes com freqüência e respondemos da mesma maneira o melhor modo de encontrar coisas para seu blog é visitando outros blogs, assim verá contadores, relógios, previsão do tempo, mural de recados e muitas outras coisas. Se clicar sobre a maioria dessas ferramentas encontrará como coloca-las no seu blog também.

Porém isso não quer dizer para colocar tudo aquilo que ver por ai no seu blog, lembre-se que nem todas as pessoas ficarão esperando seu blog carregar (aparecer) porque tem coisas demais nele. Uma coisa que devemos fazer é excluir todo o histórico de internet e depois entrar em nosso blog para ver o real tempo que ele demora, pois sabemos que quando visitamos mais de uma vez o mesmo site o computador usa o histórico fazendo que do segundo acesso em diante o site apareça mais rápido. Isso acaba nos dando a ilusão que o nosso blog não demora para carregar.

Outro ponto precisa ser esclarecido quando dizemos para encontrar coisas em outros blogs não queremos dizer para fazer um blog igual ao de ninguém, mas apenas achar um ou outro acessório interessante e não copiar um modelo completo.

Uma maneira bem fácil de ter um conteúdo sempre atualizado e diferente é adicionar feeds de outros sites como, por exemplo, noticias esportes, fofocas, piadas e muitas outras coisas.

Fonte: dicas para blogs