July 3, 2009

Posted by: admin

Category: Acessórios

Tags:

Java script caixinha de email

Caixa de email
<img src=”URL-DA-IMAGEM-QUE-QUEREM-UTILIZAR” align=”CENTER” /><a href=”MAILTO:”> E-MAIL</a><br /></div>
Se tiver dificuldade em instalar comentem que eu ajudo.

July 3, 2009

Posted by: admin

Category: Acessórios, Blog, Dicas, Iniciantes

Tags:

Buscador Interno com botão customizavel

 Ai vai o código:

<div class=”widget-content”><br /><br /><form action=”http://search.blogger.com/” name=”b-search”><br /><br /><input id=”b-query” placeholder=”Procurar” name=”as_q” type=”text”><br /><br /><input value=”UTF-8″ name=”ie” type=”hidden”><br /><br /><input value=”blg” name=”ui” type=”hidden”><br /><br /><input class=”b-query” value=”http://AQUI O NOME DE SEU BLOG.blogspot.com/” name=”bl_url” type=”hidden”><br /><br /><input border=”0″ alt=”Buscar” src=”AQUI O ENDEREÇO DE SUA IMAGEM” type=”image”><br /><br /></form></div>

IMAGEM DO BOTÃO BUSCAR:
http://img53.imageshack.us/img53/747/meuccook25eo1.gif

Créditos:DicasBR

July 3, 2009

Posted by: admin

Category: Botões

Tags:

Botão Download 01

Botão para vc kolokar no seu site
impactofaz.com clique para baixar
Gostou? olha o código ai em baixo
<a href=”Sewu” target=”_blank”><img alt=”impactofaz.com clique para baixar” src=”http://farm3.static.flickr.com/2039/1517009001_9c068526c8_o.gif” border=”0″ /></a> <p></p>

July 3, 2009

Posted by: admin

Category: Efeitos

Tags:

Js Banner rolante

Baner Rolante
<marquee heigth=”300″ direction=”up” behavior=”scroll widht=” onmouseover=”this.stop() ” onmouseout=”this.start()” scrollamount=”1″>coloque o texto ou banner parceiro aqui!!!</marquee></div>

July 3, 2009

Posted by: admin

Category: Efeitos

Tags:

Texto Deslizante

Para colocar um texto deslizante no seu Blog basta copiar o código abaixo:

<marquee behavior=”alternate” width=”400″ height=”50″>Coloque aqui<br />seu texto! ! !</marquee></p> <div style=’clear: both;’></div> </div> <div class=’post-footer’> <p class=’post-footer-line post-footer-line-1′> <div align=’left’> Hotmail:<a href=’mailto:k6filmes@hotmail.com’></a><a href=’mailto:k6filmes@hotmail.com’ rel=’alternate’ type=’Avise-nos’> Link quebrado? Avise-nos por favor</a> | Xat: <a href=’http://xat.com/chat/room/46267547/’ target=’_blank’>K6filmes</a></div> <span class=’post-backlinks post-comment-link’> </span> <span class=’post-icons’> <span class=’item-control blog-admin pid-1252983450′> <a href=’http://www.blogger.com/post-edit.g?blogID=1801399375047121055&postID=8327921092796703495′ title=’Editar postagem’> <span class=’quick-edit-icon’> </span> </a> </span> </span> </p> <p class=’post-footer-line post-footer-line-2′></p> <p class=’post-footer-line post-footer-line-3′></p> </div> </div> <div class=’post uncustomized-post-template’> <a name=’996522121776673056′></a> <h3 class=’post-title’> <a href=’http://www.dicasbr.co.cc/2009/06/retirar-assinar-postagens-atom.html’>Retirar : Assinar: Postagens (Atom)</a> </h3> <div class=’post-header-line-1′></div> <div class=’post-body’> <p><div style=”text-align: center;”>Para retirar este link padrão do Blogger que fica sob as postagens, procure no código do seu template este trecho:<br /><br />.feed-links {<br />clear: both;<br />line-height: 2.5em;<br /><b>display: none;</b><br />}<br /><br />e <u>acrescente</u> o que está em negrito.</div></p> <div style=’clear: both;’></div> </div> <div class=’post-footer’> <p class=’post-footer-line post-footer-line-1′> <div align=’left’> Hotmail:<a href=’mailto:k6filmes@hotmail.com’></a><a href=’mailto:k6filmes@hotmail.com’ rel=’alternate’ type=’Avise-nos’> Link quebrado? Avise-nos por favor</a> | Xat: <a href=’http://xat.com/chat/room/46267547/’ target=’_blank’>K6filmes</a></div> <span class=’post-backlinks post-comment-link’> </span> <span class=’post-icons’> <span class=’item-control blog-admin pid-1252983450′> <a href=’http://www.blogger.com/post-edit.g?blogID=1801399375047121055&postID=996522121776673056′ title=’Editar postagem’> <span class=’quick-edit-icon’> </span> </a> </span> </span> </p> <p class=’post-footer-line post-footer-line-2′></p> <p class=’post-footer-line post-footer-line-3′></p> </div> </div> <div class=’post uncustomized-post-template’> <a name=’7702113617095079631′></a> <h3 class=’post-title’> <a href=’http://www.dicasbr.co.cc/2009/06/programas-gratuitos-para-edicao-de.html’>Programas Gratuitos para Edição de Imagens</a> </h3> <div class=’post-header-line-1′></div> <div class=’post-body’> <p><p style=”text-align: center;”>Encontramos no Blog Vista Experience, essa lista de programas grátis para fazer e editar imagens, por achar que seria bem úteis para os blogueiros resolvemos publica-la aqui. Esperamos que algum desses programas sejam úteis na hora de crirar banners, templates e outras coisas para colocar nos blogs.</p><p style=”text-align: center;”>GIMP: O GNU Image Manipulation Program é um poderoso e gratuito software que pode lidar com todas as tarefas básicas de edição de imagens e muito mais. O fato de ser um programa de código aberto e disponível para plataformas Unix, <span style=”border-bottom: 1px dotted; color: rgb(204, 0, 0); text-decoration: underline;”>Mac</span> e Windows o torna extremamente flexível.</p><div style=”text-align: center;”><br /></div><p style=”text-align: center;”>Paint.NET: Este é provavelmente o mais poderoso software editor de imagens gratuito do mercado. Ele pode executar tarefas simples como correção de olhos vermelhos, redimensionamento, recorte e também suporta camadas. O programa possui o código aberto e uma grande coleção de plug-ins disponível em sua comunidade online.</p><div style=”text-align: center;”><br /></div><p style=”text-align: center;”>Autostitch: Esta é a ferramenta perfeita para criação de imagens panorâmicas a partir de uma série de fotos. Ele trabalha automaticamente e não requer intervenção do <span style=”border-bottom: 1px dotted; color: rgb(204, 0, 0); text-decoration: underline;”>usuário</span>. A versão demo é totalmente funcional e gratuita.</p><div style=”text-align: center;”><br /></div><p style=”text-align: center;”>Microsoft Reserach Group Shot: Se você precisa tirar uma foto de um grande grupo de pessoas, as chances são de que não importa quantas fotos você tire, não terá uma que deixará todos satisfeitos. Aqui é onde entra o Microsoft Group Shot. Com este software você pode selecionar suas partes favoritas em cada foto da série e o programa irá fundir todas ela sem uma imagem composta.</p><div style=”text-align: center;”><br /></div><p style=”text-align: center;”>TKexe Kalender: Já é o ano novo e talvez você precise de um calendário de papel. Para criar uma edição pessoal e única, experimente usar este software gratuito e fácil.</p><div style=”text-align: center;”><br /></div><p style=”text-align: center;”>Opanda PhotoFilter: Filtros podem tornar uma foto muito interessante e especial. Mas é cansativo carregar por aí filtros para sua câmera ou lidar com as configurações da câmera ou software para obter os resultados desejados. Muito mais fácil é usar o Opanda PhotoFilter para fazer o pós-processamento de suas imagens. O programa vem equipado com mais de 100 diferentes configurações simulando os filtros da Kodak, Cokin e Hoya.</p><div style=”text-align: center;”><br /></div><p style=”text-align: center;”>Foto Mosaik: Crie um mosaico a partir de centenas ou milhares de fotos. Veja o exemplo abaixo. A imagem do mosaico é a águia exibida no canto superior esquerdo, o resto da imagem é um zoom em diversas miniaturas indicado pela moldura vermelha.</p><div style=”text-align: center;”><br /></div><p style=”text-align: center;”>Win Morph: Transforme e distorça imagens de forma profissional e com <span style=”border-bottom: 1px dotted; color: rgb(204, 0, 0); text-decoration: underline;”>alta qualidade</span>. Este programa dá a você toda a liberdade que você precisa e em um programa gratuito. Ele trabalha como um aplicativo independente ou como plug-in para vários editores de vídeo.</p><div style=”text-align: center;”><br /></div><p style=”text-align: center;”>Free Digital Camera Enhancer: Esta é uma ferramenta para os toques finais em suas fotos digitais. Reduza o ruído causado por pouca luz, corrija os tons, adicione saturação e suavize a pele. Naturalmente, isto irá trabalhar melhor em imagens ruins</p><div style=”text-align: center;”><br /></div><p style=”text-align: center;”>JPEG Lossless Rotator: Com a maioria dos programas, o simples ato de rotacionar sua foto JPEG na orientação correta e salvá-la causa perda de qualidade. O JPEG Lossless Rotator faz este trabalho sem recodificar sua foto. Ele executa uma transformação especial sem perdas, deixando a qualidade da sua foto intocada.</p></p> <div style=’clear: both;’></div> </div> <div class=’post-footer’> <p cla
ss=’post-footer-line post-footer-line-1′> <div align=’left’> Hotmail:<a href=’mailto:k6filmes@hotmail.com’></a><a href=’mailto:k6filmes@hotmail.com’ rel=’alternate’ type=’Avise-nos’> Link quebrado? Avise-nos por favor</a> | Xat: <a href=’http://xat.com/chat/room/46267547/’ target=’_blank’>K6filmes</a></div> <span class=’post-backlinks post-comment-link’> </span> <span class=’post-icons’> <span class=’item-control blog-admin pid-1252983450′> <a href=’http://www.blogger.com/post-edit.g?blogID=1801399375047121055&postID=7702113617095079631′ title=’Editar postagem’> <span class=’quick-edit-icon’> </span> </a> </span> </span> </p> <p class=’post-footer-line post-footer-line-2′></p> <p class=’post-footer-line post-footer-line-3′></p> </div> </div> <div class=’post uncustomized-post-template’> <a name=’6925501030997333672′></a> <h3 class=’post-title’> <a href=’http://www.dicasbr.co.cc/2009/06/contador-de-usuarios-online.html’>Contador De Usuários Online</a> </h3> <div class=’post-header-line-1′></div> <div class=’post-body’> <p><p align=”center”><img src=”http://whosread.com/counter/whosre.gif” vspace=”5″ hspace=”2″ /><br /><br /><textarea rows=”3″ cols=”10″ onfocus=”this.select()” onmouseover=”this.focus()” style=”border: 1px solid rgb(0, 0, 0); font-family: verdana; font-size: 8pt; background-color: rgb(255, 255, 255);” name=”textarea”><a href=”http://whosread.com/show/28183g” title=”online counter”><img src=”http://whosread.com/counter/28183g.gif” alt=”online counter” width=”80″ height=”15″ border=”0″ /></a></p> <div style=’clear: both;’></div> </div> <div class=’post-footer’> <p class=’post-footer-line post-footer-line-1′> <div align=’left’> Hotmail:<a href=’mailto:k6filmes@hotmail.com’></a><a href=’mailto:k6filmes@hotmail.com’ rel=’alternate’ type=’Avise-nos’> Link quebrado? Avise-nos por favor</a> | Xat: <a href=’http://xat.com/chat/room/46267547/’ target=’_blank’>K6filmes</a></div> <span class=’post-backlinks post-comment-link’> </span> <span class=’post-icons’> <span class=’item-control blog-admin pid-1252983450′> <a href=’http://www.blogger.com/post-edit.g?blogID=1801399375047121055&postID=6925501030997333672′ title=’Editar postagem’> <span class=’quick-edit-icon’> </span> </a> </span> </span> </p> <p class=’post-footer-line post-footer-line-2′></p> <p class=’post-footer-line post-footer-line-3′></p> </div> </div> <!– google_ad_section_end –> </div> <div class=’blog-pager’ id=’blog-pager’> <span id=’blog-pager-older-link’> <a class=’blog-pager-older-link’ href=’http://www.dicasbr.co.cc/search?updated-max=2009-06-20T13%3A47%3A00-07%3A00&max-results=7′ id=’Blog1_blog-pager-older-link’ title=’Postagens mais antigas’>Postagens mais antigas</a> </span> </div> <div class=’clear’></div> <div class=’blog-feeds’> <div class=’feed-links’> </div> </div> </div></div> <div id=’footer-wrapper’> </div> </div> <div id=’sidebar-wrapper’> <div class=’sidebar section’ id=’sidebar’><div class=’widget HTML’ id=’HTML22′> <h2 class=’title’>Link-Me</h2> <div class=’widget-content’> <center><p align=”center”><span class=”font2″><b></b></span></p><span style=”font-weight: bold; color: rgb(255, 0, 0);”>Para Ser Parceiro Add Nosso Banner E Deixe Um Recado No Mural De Pedidos </span></center><p align=”center”><img vspace=”5″ hspace=”2″ style=”width: 116px; height: 61px;” src=”http://www.lineofpics.com/images/51fojwinwjix1u8w7kre.gif”/> <textarea rows=”3″ cols=”10″ onfocus=”this.select()” onmouseover=”this.focus()” style=”border: 1px solid rgb(0, 0, 0); font-family: verdana; font-size: 8pt; background-color: rgb(255, 255, 255);” name=”textarea”><a onmouseover=”parent.location=’http://www.dicasbr.co.cc/’” href=”http://www.dicasbr.co.cc/” target=”_blank”><img border=”0″ style=”width: 120px; height: 60px;” src=”http://www.lineofpics.com/images/51fojwinwjix1u8w7kre.gif”/></a>

July 3, 2009

Posted by: admin

Category: Blog, Iniciantes

Tags:

Como Trocar o Template do Blogger

Passo 1: escolha template em XML próprio para o Blogger.

Passo 2: salve-o em seu computador.

Passo 3: faça login no Blogger, entre em layout e depois em editar html

Passo 3: clique em arquivo (fig 1) e encontre seu template dentro do computador (fig 2).

Passo 4: anexar o arquivo XML e clicar em fazer upload (fig 3)

Passo 5: aceite passivamente a perda dos widgets.

Passo 6: salvar

Deu Erro?

Tente a troca em outro navegador ou limpe o cache do seu navegador. No Firefox, é só clicar em ferramentas>opções>privacidade>limpar dados pessoais.

Créditos:DicasBR

July 3, 2009

Posted by: admin

Category: Tutoriais

Tags:

Tutorial: Redirecionamento

Tutorial: Redirecionamento

Como instalar?

Entre em sua conta do blogger

Clique em “layout”

Clique em “editar HTML”

Cole o codigo (substituindo o meu link para o site que deseja redirecionar) abaixo da tag “head” que esta no inicio to codigo HTML do template
ou se preferir faça uma postagem com esse código 



EasyShare

July 3, 2009

Posted by: admin

Category: Blog, Dicas, Iniciantes

Tags:

Retirar o número dos marcadores do blog

Geralmente, na maioria dos modelos de templates do blogger, por padrão se mostra um número ao lado dos marcadores (categorias) e dos arquivos do blog (quando mostrados em lista). E já que muita gente parece não gostar. Então, vou dar a dica de como retirá-los:

Vá até o painel de controle do seu blog, clique em Layout e em Editar HTML.
Clique em Expandir modelos de widgets e salve uma cópia do seu template em seu computador clicando em Baixar modelo completo.
Vamos ver os dois trechos relativos aos marcadores e arquivos:
01 – Retirando os números dos marcadores
Procure pelo trecho abaixo e apague ele do seu código (delete mesmo!).
(<data:label.count/>)
02 – Retirando os números dos arquivos
Procure pelo trecho abaixo e apague ele do seu código (delete mesmo – Parte 2).
(<data:i.post-count/>)
Depois disso, clique em VISUALIZAR e se estiver tudo bem (deve estar) clique em SALVAR e está terminado!

Créditos:Mais que Blogger

July 3, 2009

Posted by: admin

Category: Blog, Dicas, Tutoriais

Tags:

Como colocar somente o resumo do artigo na página inicial

Resumo do artigo Este hack é relativamente simples de ser implementado, podendo ser utilizado em qualquer blog, independente do tema tratado e é dedicado especialmente para quem escreve tanto artigos curtos quanto longos em seu blog, podendo assim escolher se deseja ou não exibir um resumo do artigo na página inicial do blog, mais o link “Leia mais…“.
Antes de fazer qualquer alteração em seu template, lembre-se de salvar uma cópia em seu computador. Agindo assim, se caso acontecer qualquer imprevisto, basta que você volte com seu template original!
Procure pela tag </head> no seu código e cole este trecho ANTES dela:

<b:if cond=’data:blog.pageType != “item”‘>
<script type=”text/javascript”>
var fade = false;
function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName(’span’);
for (var i = 0; i &lt; spans.length; i++) {
if (spans[i].id == “fullpost”) {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Appear(spans[i]);
} else spans[i].style.display = ‘inline’;
}
if (spans[i].id == “showlink”)
spans[i].style.display = ‘none’;
if (spans[i].id == “hidelink”)
spans[i].style.display = ‘inline’;
}
}
function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName(’span’);
for (var i = 0; i &lt; spans.length; i++) {
if (spans[i].id == “fullpost”) {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Fade(spans[i]);
} else spans[i].style.display = ‘none’;
}
if (spans[i].id == “showlink”)
spans[i].style.display = ‘inline’;
if (spans[i].id == “hidelink”)
spans[i].style.display = ‘none’;
}
post.scrollIntoView(true);
}
function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName(’span’);
var found = 0;
for (var i = 0; i &lt; spans.length; i++) {
if (spans[i].id == “fullpost”) {
spans[i].style.display = ‘none’;
found = 1;
}
if ((spans[i].id == “showlink”) &amp;&amp; (found == 0))
spans[i].style.display = ‘none’;
}
}
</script>
</b:if>

Salve o template. Depois clique em Expandir Modelo de Widget e procure por este trecho:

<div class=’post-body’>
<p><data:post.body/></p>

E substitua por (ou delete o trecho acima e cole o trecho abaixo):

<div class=’post-body’ expr:id=’”post-” + data:post.id’ >
<b:if cond=’data:blog.pageType == “item”‘>
<style>#fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost{display:none;}</style>
<p><data:post.body/></p>
<span id=’showlink’>
<a expr:href=’data:post.url’>Leia Mais…</a>
</span>
<script type=’text/javascript’>
checkFull(“post-” + “<data:post.id/>”);
</script>
</b:if>

Salve seu template.
Em seguida, clique na aba Configurações –> Formatação
Desça a página até chegar em “Modelo de Postagem” e cole neste campo o seguinte trecho:

Digite aqui o resumo do artigo
<span id=”fullpost”>
Digite aqui o restante do artigo
</span>

Clique em SALVAR CONFIGURAÇÕES e está feito!
Agora, toda vez que você for escrever um novo artigo, obviamente, utilizando o editor do próprio blogger, o código acima aparecerá.
Dois pontos importantes:
1 – Fica mais fácil visualizar o código acima no modo HTML de edição.
2 – Se não quiser resumir um artigo, basta apagar todo o código antes de escrever.

Créditos:Mais que Blogger

July 3, 2009

Posted by: admin

Category: Blog, Dicas, Iniciantes, Mais visitas

Tags:

Divulgue seu blog rápido e sem frescura!

Com a correria em que vivemos, não dá para ficar perdendo tempo indo em todo e qualquer site de busca para divulgar nosso blog. Mas, como sabemos que é importante que isso seja feito, acabamos perdendo um tempo valioso em tal missão.

Para resolver este problema e não perder mais tempo com isso, conheça o Divulgador DataHosting.
Um serviço gratuito, de qualidade e o melhor: Sem frescuras!
Para divulgar seu site nas principais ferramentas de busca do Brasil e do mundo, basta preencher o formulário e clicar em Enviar Dados. Depois é só esperar enquanto a página carrega e seu blog é enviado para mais de 200 mecanismos de busca.
Depois é só esperar pelas visitas!
Clique aqui e divulgue seu blog com o Divulgador DataHosting!

« Older Entries  

Free Web Hosting