Template Blogy-Dilectio

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

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

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

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

<!-- Início Código FormulárioPRO -->

<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

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

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)"

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.