tutoriais blog

Template Blogy-Dilectio

2008-02-13T09:26:00.000-08:00

Demo
Download

Créditos do autor no próprio template, não apague!

Coloque a data do blog em número do dia, mês escrito e número ano, exemplo: 20 dezembro 2007

Url do Blog

2008-02-12T10:37:00.000-08:00

Qual o endereço do seu blog? Isso é uma pergunta boba? Pode parecer mentira, mas muita gente erra ao responder isso!

No caso do Blogspot o endereço do seu blog não tem www, portanto o correto é http://seublog.blogspot.com e não http://www.seublog.blogspot.com.

Mas se você é uma das pessoas que usa o endereço errado do blog, não fique desesperado por isto, pois ambos funcionam do mesmo jeito e vão entrar na sua pagina. Estou publicando isso apenas para que algumas pessoas corrijam esse detalhe que na maioria das vezes passa desapercebido mas deve ser evitado.

Como hospedar imagens

2008-02-12T10:34:00.000-08:00

Como e onde hospedar imagens para colocar no blog? Essa não é uma pergunta difícil mas é sempre bom ter alguma ajuda para tirar possíveis duvidas e principalmente evitar colocar endereços de imagens erradas no site.

Sugiro que use um desses sites para hospedar suas imagens:

http://www.imageshack.us

http://photobucket.com

Você precisa fazer um cadastro no site embora o primeiro(http://www.imageshack.us) permita hospedar a imagem sem cadastrar, acho que é recomendável fazer o cadastro pois assim você poderá apagar suas imagens caso mude de idéia sobre alguma delas.

Depois de feito o cadastro e você entrar no site que escolheu usando sua senha, procure por upload image ou botões escrito arquivo isso serve para você localizar a imagem no seu computador então clique em OK ou Upload, cada site usa de um modo mas fazem a mesma coisa.

Agora vamos pegar a url da sua imagem mas tenha cuidado pois o site fornece vários códigos além da url. Procure por direct link ou algo parecido. Mas vamos testar para saber se pegamos o código correto, abra o seu navegador(Internet Explorer, Firefox, Opera...), coloque o código que pegou na barra de endereço e clique enter, deve aparecer sua imagem, somente a imagem, sem borda, sem link. Se aparecer algo além da sua imagem você pegou o código errado.

Aqui parece um pouco complicado, mas você verá que na hora de fazer é bem mais simples do que parece.

Formulário de contato

2008-02-12T09:46:00.000-08:00

Faça um formulário de contato para seu blog!
Substitua onde necessário:



<form action="http://www.formulariopro.pog.com.br/formail.php" method="POST">

<p align="center">

<font size="2" face="Arial"><br>

Nome:<br>

<input type="text" name="nome" size="26">

<br>

E-Mail:<br>

<input type="text" name="email" size="26">

<br>

Assunto:<br>

<input type="text" name="assunto" size="26">

<br>

Mensagem:</font><br>

<textarea name="mensagem" rows="13" cols="35"></textarea>

<br>

<input type="hidden" name="seunome" value="SEU NOME">

<input type="hidden" name="nomedosite" value="NOME DO BLOG">

<input type="hidden" name="emaildest" value="SEUEMAIL">

<input type="hidden" name="redirecionar" value="URL DO SEU BLOG">

</p>

<p align="center">

<input type="submit" name="Enviar" value="Enviar">

</p>

<p align="center">

<input type="reset" value="Limpar">

</p>

</form>

Como vai ficar:

Click Comments no seu blog

2008-02-12T09:43:00.001-08:00

Grande parte das pessoas que visitam blogs não comentam, isso é normal, por falta de tempo ou mesmo preguiça de dizer: "legal seu blog".
Para facilitar muitos blogs utilizam "Click Comments" de diferentes tipo, uma dica é esse o Postreach, você escolhe o modo de comentário:

E coloca o URL do blog, depois é só clicar em "Get Click Comments", assim ele automaticamente colocara o código necessário no seu blog após você clicar em "add to you Blogger.com blog".

Pronto, facil não?!
Existem vários outros desse estilo que depois coloco aqui no blog.

Busca no blog

2008-02-12T09:39:00.000-08:00

Bom fiz um sistema de busca para o blogger novo:

Se quiser usar no seu blog é facil!

Copie esse código:

<div class="style1" align="center">
<form id="searchform" action="/search" method="get">
<p>
<input id="q" onfocus="if (this.value == 'Buscar sobre ...') {this.value = '';}" value="Buscar sobre ..." name="q" onblur="if (this.value == '') {this.value = 'Buscar sobre ...';}" size="20" type="text"/>
<input style="padding-top:3px;" width="20" src="http://img84.imageshack.us/img84/2457/viewmagsc7.png" name="image" height="19" type="image"/>
</p>
</form>
</div>

Faça login no seu blog, clique em Layout -> Modelo -> Elementos da página ->Adicionar um elemento de página -> Html/Java Script. E cole todo código lá!

Tirar o "Assinar: Postagens (Atom)"

2008-02-12T09:35:00.000-08:00

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

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

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

Cole o seguinte código antes dele:

.feed-links {

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

Teste, se tiver correto salve.

Templates

2008-02-12T06:21:00.000-08:00

Encontrei um site muito bom com templates prá lá de bacanas.
Mashable.com
Aproveito para deixar 03 muito bonitos e funcionais que encontrei nos meus passeios pela web.

Demo
Download

Demo
Download

Demo
Download

Template Blogy-Styleicious

2008-02-11T20:42:00.001-08:00

Demo

Download

Template Softlight

2008-02-11T20:38:00.001-08:00

Download
Demo

--
Créditos no template! Não apague!

Business-Template - novo blogger em xml

2008-02-11T20:33:00.000-08:00

Encontrado na web não apague os créditos nele contidos.

IconFinder: Busca por ícones

2008-02-11T20:19:00.000-08:00

Melhor mecanismo de busca para encontrar ícones para suas pastas, blogs, etc.

Link

50 Dicas Para Blogueiros Iniciante

2008-02-11T20:10:00.000-08:00

Não tenha medo de postar alguma coisa desconhecida, que não tenha sido comentada em outros blogs, Seja diferente.
Não tenha medo de divulgar as fontes das informações mostradas nos seus posts, pois isto dará mais credibilidade ao seu blog.
Não tenha medo de ficar alguns dias sem postar, pois melhor não postar, do que postar algo que não interesse ao seu visitante.
Não fique com medo das criticas em comentários feitos em seu blog e evite apagados, pois as criticas devem servir para que você melhorar, e apaga-las não irá ter benefícios nenhum, pelo contrario, quem fez este comentário que você apagou não irá comentar de novo.
Não fique com vergonha de divulgar seu blog para seus amigos, pois eles são os leitores mais fieis.
Faça e Refaça os textos até conseguir algo que seja de fácil entendimento.
Leia com atenção e respeito todos os comentários.
Se a pessoa que comentou deixar alguma forma de contado como E-mail, Faça o possível para responder e agradece-lo pois se ele deixou esta forma de contato ele quer comunicar-se com você.
Não tenha medo de ser polémico.
Procure coletar o maior numero de informações possível sobre o assunto que você irá postar.
Escreva com paciência.
Não desista se seu blog tiver poucas visitas e comentários, pois você só ira alcançar um bom numero de visitação com o tempo.
Procure se informar com blogueiros experientes.
Comente os blogs que você achar interessante, pois do mesmo jeito que você gosta que comente os seus posts, os outros blogueiros também gostarão.
Não se engane , não ache que vai ficar rico com seu blog pois vai acabar se decepcionando.
Imagens demais só ião deixar seu blog mais pesado na hora de carregar, lembre-se que nem todos tem "Speed"
Cadastre sua noticias (desde que sejam novidades) em agregadores como Digg, eucurti, rec6, etc.
Pastagens mentirosas irão espantar visitas.
Disponibilize parte de seu tempo para seu blog.
Evite pastagens muito curtas que não traga nada de novo e sem conteúdo.
Se você for postar um assunto que já viu em outro blog, procure acrescentar algo amais, caso contrario isto caracterizara falta de criatividade(e volte ao item 2).
Se você não for bom em língua portuguesa como eu, procure um corretor ortográfico.(no word e googledocs ja vem integrado).
Não queira parecer um génio colocando palavras difíceis, quanto mais fácil o entendimento de seus posts melhor a experiência do internauta com seu blog.
O primeiro a falar de um assunto, merece todos os créditos, pois isto pode acontecer com você um dia.
Não tenha medo de errar pois é errando que se aprende.
Lembre-se que suas ideias podem ser bom ou mal interpretadas, e você tem que estar preparado(a) para isso.
O pior erro é ter medo de errar.
Aqui se faz, aqui se paga, Se você não deu credito ao verdadeiro "dono" da matéria provavelmente um dia isto irá acontecer com você.
Lembre-se que, os que te criticam devem ter motivos para isto.
Não exagere em propagadas no seu blog, pois isto não ira adiantar em nada, e irá atrapalhar a navegação em seu blog e espantara a visita.
Post o máximo que puder( volte ao item 3).
Aceite sugestões que possam melhorar seu blog.
Copiar e colar, NUNCA.
Leia os blogueiros profissionais e aprenda.
O inicio é dificil, e vai continuar assim, então se você acha que vai ser moleza é melhor nem tentar.
É errando que se aprende, não se preocupe com suas mancadas pois vai ser assim que voçe irá se tornar um bom blogueiro, desde que você corrija os erros detectados.
Compartilhe com a bogsfera as suas boas experiências.
Tire suas duvidas em Fóruns.
Seja diferente, Invente algo novo.
Ao menos que você tenha tempo de sobra, administre um blog apenas.
Seja fiel aos seus ideais, não mude de acordo com o "Mercado", você vai perder credibilidade.
Não poste o que você não gosta apenas por estar na "Moda".
Não crie vícios, isto irá tornar seu blog repetitivo.
Gostar do que faz.
Pra começar a blogar não tem idade.
Elogie o que deve ser elogiado, e critique o que deve ser criticado, só assim a blogsfera irá melhorar cada vez mais.
De o melhor de si, um dia o reconhecimento ira chegar.
Comece de baixo. não adianta começar com um domidio próprio se você não sabe onde poderá chegar.
Se você chegou até a dica 49, você demonstrou interesse por Blogar e isto já é um bom sinal, continue assim interessado em aprender cada vez mais.
Leia estas dicas.

Curved 3-Columns Wordpress Theme

2008-02-11T20:03:00.000-08:00

[Download]

Mais um contador!

2008-02-11T19:47:00.000-08:00

Achei mais um site muito bom para inserir contadores no seu blog.
Já é bem conhecido dos blogueiros profissionais!
Histats.com
Basta fazer um cadastro e depois escolher entre diversas imagens a que mais lhe agradar.
É um tudo-em-um, pois apresenta as seguintes estatísticas :
Total de visitantes
Visitantes on line
Páginas vistas hoje
Visitantes de hoje
Páginas vistas ao total.

Muito bacana!

Contadores Online

2008-02-11T19:43:00.001-08:00

um contador de vistantes on line bem discreto.
É possível inclusive escolher as cores do botão.
ESCOLHA O SEU.

Outro simples e eficiente você encontra AQUI

1 online

Referências

2008-02-11T19:38:00.000-08:00

Para publicar de onde saem as visitas ao seu blog (referências) é necessário fazer um cadastro no E-Referer.
Depois configure e cole o código no blog.
Exemplo:

Relogio

2008-02-11T19:14:00.000-08:00

Diversos modelos.
Clock Link

Mais Dicas

2008-02-11T10:11:00.000-08:00

Centralizar Elemento

<div align="center">CÓDIGO DO
ELEMENTO</div>

Quebra de Linha

<br>código do elemento<br>

Texto Riscado

<strike> Texto Aqui</strike>

~~Exemplo~~

Gerador de Selo para E-mail

Link

Gerador de Logotipo
Link

Tradutor para o Blog

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

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

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

Contadores Geovisite

2008-02-11T09:49:00.000-08:00

Para inserir este contador, o procedimento não é muito complexo, basta, por exemplo, num site que o tenha carregar conforme indico na imagem:

Ao fazê-lo, iremos parar a esta página. Deve-se, então, procurar a parte assinalada e clicar.

É então que se chega à parte de efectuar o registo. Todos os cam´pos têm de ser preenchidos. Quando se terminar, no fundo da página, aparece uma disquete, clica-se em cima, para gravar os dados.

E chega-se, finalmente aos códigos que precisamos. Escolhem-se os que se pretendem e atenção, se verificarem a seta indica o acesso à conta que se acaba de criar.

Clicando aí, vem-se ter a esta página, que é a entrada na conta e o sítio a partir do qual se tem acesso a uma informação mais detalhada sobre os nossos visitantes.

Eliminar a navbar do novo Blogger

2008-02-11T09:36:00.000-08:00

Sevocê é um blogueiro e não sabe como eliminar a navbar, aqui fica o código:

<style type="text/css">
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>

Basta copiá-lo e colá-lo andes da
E é tudo!

Dez coisas que são chatas em blogs e blogueiros

2008-02-11T09:27:00.000-08:00

Na minha humilde opinião....

Blogs desorganizados, com uma lista infinita de banners de 'parrrceiros' piscando, com tudo torto, feio...Chega de feiúra, peloamordedeus!

Blogs minimalistas demais: você procura, procura e não encontra os arquivos, links, nada. Uma caixa branca, com duas ou tres linhas. Eu saio fora.

Blogs xupins: não criam nada, vivem do conteúdo alheio, copiando textos inteiros (algumas vezes até colocam o link escondidinho no final, mas ainda assim é cópia!) e ainda se travestem de bonzinhos, como se fizessem o favor de 'divulgar' o seu blog.

Blogs que tratam de assuntos que desconhecem: geralmente seus donos nunca respondem as perguntas feitas pelos leitores.

Blogueiros que não respondem comentários, ou só respondem o comentário dos 'amiguinhos', se fechando num grupinho exclusivo, abusando das 'piadas internas', como se publicasse o blog só para a 'galerinha esperta que eu conheço'

Blogueiros que usam linguagem ofensiva, agressiva...que acham muuuito legal fazer o tipo ranzinza-mal-humorado com todo mundo o tempo todo, por que têm um complexo infantil de Dr. House (ele pode, vocês são cópias...)

Blogueiros que usam uma linguagem exclusivista, extremamente técnica e complicada, com a clara intenção de afastar/confundir aprendizes ou de talvez, parecer inteligente e acima da média. Recusam-se a explicar de maneira mais simples e zombam de quem não consegue acompanhar.

Blogueiros que aprendem com os outros mas não dão os créditos nem que a vaca tussa-cante-dance-e-fale-em-alemão. É sempre 'ví em certo lugar', 'descobrí por aí...' e você vê lá o seu texto tim-tim por tim-tim, com pequenas alterações (não lembra? eu te lembro então: Foi aqui ó!)

Blogueiros que zombam dos seus leitores. Quer atrair leitores 'especiais', à altura dos seus textos? Fecha o blog e deixa entrar apenas convidados. Aí sim você pode fazer a festinha.

Blogueiros pedintes: 'olha, coloquei o seu link no meu blog...que tal fazer o mesmo?'( eu faço: eu coloco o meu link no meu blog ... ) Sério, coisa mais chata é cobrança por troca de links. Eu não faço, e qualquer blogueiro experiente, que conhece as regras do Google e sabe o quanto troca de links pode ser fatal para o seu Page Rank, não faz.

Dicas para deixar seu Blog Perfeito!

2008-02-10T19:58:00.000-08:00

Não deixe seu blog demorar muito tempo para abrir, pois quem tem conexão discada pode desistir de esperar. Para isso existem itens que carregam o blog:
- Scripts - Colocar um excesso de scripts incha o blog. Se você não sabe, scripts são: efeitos no mouse, texto na barra de status, cursores, mensagem que abre...
- Imagens - No template não deixe com imagens grandes e também não encha com milhões de mini-imagens. Coloque no Maximo umas 20 pequenas. As imagens NUNCa devem ser em formato .bmp, pois são mais de 10 vezes maiores que o .jpg com a mesma qualidade.
- Nas configurações de seu blog, não deixe que ultrapasse o limite de 7 posts publicados pois quanto mais posts no seu blog, mais tempo para carregar.

Templates
Procure um template legal, recomendo não usar os templates padrões dos servidores de blogs pois são muito comuns.
Se for escolher um template ou fazer um, veja se ele possui comentários, arquivos, lugar para você colocar seu perfil (com seus dados)
- O template também não deve chamar mais atenção que seus posts, pois afinal você quer um blog, ou a exibição do template?
- A fonte dos posts não devem ser muito grande para não poluir todo o visual. Também recomendo não colocar todo o post em negrito (apenas as partes que quiser), idem para itálico.
- O template não deve ter muitas cores chamativas, desde que sejam apenas nos detalhes.
- Muitas pessoas recomendam não utilizar o fundo preto, não acho problema neste ponto, porém tenha atenção com as imagens que vá incluir, pois quando elas tem um grande fundo branco o contraste fica tão grande que não fica bom.
- Barras de Rolagem (Scroll) - Devem ser coloridas, já viu coisa mais linda do que estas setinhas configuradas de acordo com o template?

Posts
- Escrever antes o post no bloco de notas para que você possa corrigir com paciência e antes da página expirar.
- Não escreva confuso, pois o visitante pode as vezes não compreender o que você queria. Organize suas idéias. Porque não separa por assuntos, horas ou acontecimentos?
- Nunca escreva todo o post com letras MAIÚSCULAS ou AlTeRnAdAs. Uma parece estar gritando e a outra é difícil de se ler respectivamente.
- Tente escrever mais de 2 linhas para que seu blog não seja feito apenas de imagens, tenha criatividade.
- Poste apenas o que tem a ver com o que você sente, não coloque qualquer coisa para agradar aos visitantes. O blog é seu, portanto quem não gostar que feche.

Perfil
- Escreva sobre você
- Coloque dados como seu nome, cidade, icq, e-mail
- Acrescente um contador, para ver como estão as visitas a seu blog
- Inclua imagens que você acha que combina com você e com seu blog
- Linke suas Home Pages preferidas (É uma forma de agradecer a elas)
- Linke Blogs Amigos (Seus amigos vão adorar ver que você os linkou!)

Geral
- Dê preferências a coisas originais. O ideal é que o seu blog tenha um conteúdo totalmente criado por você, como imagens, posts, mensagens. Sei que fazer tudo é impossível, então, coloque o que você sente ou gosta. Copie a musica que combina com o que esta sentindo, uma imagem que recebeu de um amigo, uma foto engraçada que você nem agüentou de tanto rir, uma home page que você adorou ter descoberto.... Portanto, foque tudo em você! Blog é isso: Personalidade!

Visite outros Blogs
- Visitando outros blogs, você também aprende como melhorar o seu. Aproveite e deixe um comentário, pois assim, você tem uma grande chance de aumentar as visitas aos seu!

Sites Uteis

2008-02-10T12:49:00.001-08:00

Comentários
Haloscan: Inglês. Exige cadastro.

Contadores
Free Online Users: Inglês
Sitemeter: Inglês. Mostra o total de visitas e fornece estatísticas.
Amazing Counters: Site em inglês
Cifraweb: Numero de visitantes que estão on-line.

Diversos
Código Fonte: Faça códigos hmtl on line.
Cool Text: Inglês. Texturas para fundo de página e você pode fazer botões on line.
Copyscape: Inglês. Procure cópias do seu texto pela web.
Humortadela: Piadas e humor.
Recomenda: Permite que seus visitantes indiquem seu site para alguém.
Texto 3 D: Faça texto em 3 D pela web.

Enquetes
Enquetes.com.br: Crie sua própria enquete na Internet
Opine Now: Enquetes para o seu site.
Fontes
Fontes Grátis: Varias fontes, site em português.
Dafonte: Diversas fontes para download.

Hospedagem
Geocities: Aceita vários formatos de arquivos e permite conexão ftp.
Photobucket: Inglês, hospedagem de imagens e vídeos.
Image Shack: Inglês
Vila Bol: Hospedagem de sites, aceita arquivos .htm, .html, .gif, .jpg, .swf, .js.

Noticias
G 1: Boletim de noticias
Mundo News: busca de noticias. Possui varias opções.

Pesquisa
Aonde
Google
Yahoo
Adsense: Pesquisa google personalizada e anúncios. Exige cadastro.

Previsão do Tempo
Clima Tempo
Tempo Agora

Serviços Diversos
Esses sites possuem diversas coisas úteis para site/blog
Blogs.com.br: Dicas úteis e cadastro de blog
Bravanet: Inglês. Exige cadastro. Entre outras coisas fornece: web mail, contador de visitas.
Interney: Diversas coisas para site/blog, fórum sobre o assunto, cadastro de sites.
Super Tráfego: Exige cadastro, fornece diversas coisas para sites.