Postagens Recentes

30 de mai. de 2009

Template Scrap Ilhoes

2 comentários:
Template em 3 colunas, posts resumidos, data costumizada.
Veja o template instalado
Donwload/Pegar código

29 de mai. de 2009

Template Estrelas Douradas

8 comentários:
Template com 3 colunas, 'Leia mais' já incorporado e sistema de comentários e datas nas postagens costumizados.
Agora sim, ele está reformulado e certinho para o Explorer e o Mozilla.
Ver o template instalado
Download/Pegar código

23 de mai. de 2009

Template Rosa Scrap

12 comentários:
Template feito no Paint Shop 3. Possui 3 colunas., o sistema de comentários já está decorado e já vai com o "Leia mais..." instalado.
Lindinho, para pessoas que gostam de blogs com um layout "romântico".
Visualizar blog
Download/Pegar código

Formulário para email hospedado no Blogger

11 comentários:
Esse eu testei e é bom demais ! Chega quentinho, é escrever, enviar e chegar.
Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.
Para colocar um formulário de email vá até o HTML de seu blog e procure pelo código:
< /head >
Antes dele cole o seguinte código:
<script type='text/javascript'>
//<![CDATA[
function valid(form) {
var field = form.email;
var str = field.value;
if (window.RegExp) {
var reg1str = "(@.*@)(\.\.)(@\.)(\.@)(^\.)";
var reg2str = "^.+\@(\[?)[a-zA-Z0-9\-\.]+\.([a-zA-Z]{2,3}[0-9]{1,3})(\]?)$";
var reg1 = new RegExp(reg1str);
var reg2 = new RegExp(reg2str);
if (!reg1.test(str) && reg2.test(str)) {
return true;
field.focus();
field.select();
return false;
} else {
if(str.indexOf("@") >= 0)
return true;
field.focus();
field.select();
return false;
//]]>
</script>
Agora vá no seu editor de textos (local onde você escreve as postagens) e cole o seguinte código:
<form action="http://girlyblogger.site90.net/email.php" method="post" name="myform" onsubmit="return valid(this)"><input type="hidden" name="recipient" value="AQUISEUEMAIL@gmail.com"><input type="hidden" name="subject" value="Contato vía e-mail"><input type="hidden" name="redirect" value="http://NOME DO SEU BLOG AQUI.blogspot.com">
Nome (obrigatorio):<br><input type="text" size="30" name="realname"><br>
E-mail: (obrigatorio, no será mostrado)<br><input type="text" size="30" name="email"><br>
Sitio Web:<br><input type="text" size="30" name="website" id="website"><br>
Sua mensagem:<br>
<textarea cols=40 rows=6 name="Comments" wrap="soft"></textarea>
<input type="submit" value="Enviar"> <input type="reset" value="Limpar">
</form>
*Se preferir cole o segundo código no HTML/Javascript
Créditos: Zona Cerebral

21 de mai. de 2009

Colocando efeito de "arco-íris em movimento" nos links

16 comentários:
Ontem me pediram esta dica, então aí está.

Imagem, chats, menus e o que quiser fixo no template

3 comentários:
Com este código é possivel colocar uma imagem em seu blog que com a rolagem do blog, esta fique parada em um só local.
Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.
Vá até o HTML do seu blog e procure pelo código:
]]></b:skin>
Agora cole o código abaixo.
#float_corner {
position:fixed;
_position:absolute;
bottom:0px;
left:0px;
clip: inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);
Agora procure pelo código:
<div id='outer-wrapper'><div id='wrap2'>
Depois dele cole o código abaixo colocando no local indicado o endereço de sua imagem.
<div id='float_corner'>
COLOQUE AQUI O QUE QUISER QUE FIQUE FIXO
</div>

Como hospedar vídeos no Blogger

5 comentários:
Se você quer hospedar seus vídeos no Blogger é fácil, mas demoooooooooooora !!!!!!
Abra o editor de textos (local onde você escreve suas postagens)
Clique então neste pequeno ícone   na barra de ferramentas. Abrirá uma janela como essa abaixo. Clique em "Escolher um vídeo para enviar" abrirá uma janela. Procure então o vídeo que vc quer colocar.
Quando vc clicou abriu o browser do seu pc. Escolha então o vídeo que vc quer subir e de dois cliques com o botão esquerdo do mouse.
Perceba que apareceu uma inscrição. Clique então em "Fazer upload" e deixe carregando.
Agora espere...espere...Z ZZ Z ZZ ZZZ...

18 de mai. de 2009

Template Scrap Listras

12 comentários:
Template em 3 colunas, todas dentro do scroller. Para ficar mais apresentável, fiz um menu que se expande em imagens para a coluna a esquerda.
Ver o template instalado
Pegar código/Download
Depois que tiver instalado o template, copie este código e cole no HTML/Javascript e deixe o widget na coluna a esquerda.
<script type="text/javascript">
function showDiv(objectID) {
var theElementStyle = document.getElementById(objectID);
if(theElementStyle.style.display == "block"){
theElementStyle.style.display = "none";
}else{
theElementStyle.style.display = "block";}
</script>
<style type="text/css">
#TW-feed, #TW-feed ul {list-style:none; margin:0px; padding:0px}
#TW-feed li ul {display:none;position:absolute;background-color:transparent;padding:3px;}
#TW-feed li {font-weight:bold; color:#EC8132;}
#TW-feed ul li {padding-bottom:3px;}
</style>
<div onmouseover="showDiv('TW-Pop');return false;" onmouseout="showDiv('TW-Pop');return false;">
<ul id="TW-feed">
<li> <img border="0" src="http://img507.imageshack.us/img507/3705/menu.gif"/>
<ul id="TW-Pop">
<li><a href="AQUI O ENDEREÇO DO SEU BLOG" rel="alternate" title="Página principal"><img alt="Início do meu blog" src="http://img527.imageshack.us/img527/527/homej.gif"/></a>
</li>
<li><a href="AQUI O ENDEREÇO DO LINK PARA PARCERIA" rel="alternate" title="Parceiros deste blog"><img alt="Clique e conheça meus parceiros" src="http://img527.imageshack.us/img527/4715/parceriap.gif"/></a>
</li>
<li><a href="AQUI O ENDEREÇO DO LINK PARA ETC" rel="alternate" title="Coisinhas"><img alt="Clique-me e veja..." src="http://img151.imageshack.us/img151/9369/etc.gif"/></a>
</li>
<li><a href="AQUI O ENDEREÇO DO FEED" rel="alternate" title="Clique e se inscreva no meu Feed"><img alt="Clique e se inscreva no meu Feed" src="http://img151.imageshack.us/img151/6200/feed.gif"/></a>
</li>
</ul></li></ul></div>

Adicionando marcadores em seu Blogger

10 comentários:
Postagem refeita para o novo Blogger
AQUI
Para colocar os marcadores em seu blog há duas coisas a fazer.
1-Adicionar o widget em seu blog.
2-Sempre que postar algo já selecione ou escreva uma palavra para o marcador.
Então faça assim:
1-Clique em "Layout"
2-Clique em "Elementos de página"
3-Clique em "Adicionar um Gadget"
3-Clique em "Marcadores"
4-Agora clique em "Salvar"
Bom, o widget vc já tem. Agora vamos colocar os marcadores em seus posts.
Depois que você fez a sua postagem, note que há um espacinho em branco ao pé de onde vc escreve. É aí que vc escreverá as palavras para "demarcar" suas postagens.
Prontinho, agora é só separar seus posts por assunto.

17 de mai. de 2009

Colocando outra coluna no Blogger

3 comentários:
Para a pequena do MSN que sempre me pergunta, dedico essa tutorial e espero que você entenda. Para você florzinha.:-)

16 de mai. de 2009

Menu em abas com o script hospedado no Blogger

10 comentários:
Sei que você já viu esse menu no Plugins Dicas e Templates, mais dei uma complementada e eis o que deu. Um menu em abas para o seu Blogger com o script hospedado em seu próprio Blogger. Sem essa de hospedar aqui ou ali. Sabem como é, esses serviços gratuitos saem da rede de uma hora para a outra e deixam os clientes chupando o dedo. Então vamos lá:

14 de mai. de 2009

Saudação a seus visitantes conforme o horário

8 comentários:
Coloque uma saudação para seus visitantes conforme o horário. Ele fica como um papagaio de pirata, rs.
Dá bom dia, boa tarde e boa noite.
Copie o código e cole no HTML/Javascript.
<Script Language="JavaScript">
<!--
today = new Date()
if(today.getMinutes() < 10){
pad = "0"}
else
pad = "";
document.write ;if((today.getHours() >=6) && (today.getHours() <=9)){
document.write("Bom dia!")
if((today.getHours() >=10) && (today.getHours() <=11)){
document.write("Bom dia!")
if((today.getHours() >=12) && (today.getHours() <=17)){
document.write("Boa tarde!")
if((today.getHours() >=18) && (today.getHours() <=23)){
document.write("Boa noite!")
if((today.getHours() >=0) && (today.getHours() <=3)){
document.write("Boa noite!")
if((today.getHours() >=4) && (today.getHours() <=5)){
document.write("Boa noite!")
// -->
</script></b></font>

13 de mai. de 2009

Gerador de janela poupup

2 comentários:
Este gerador é bem interessante, serve para você fazer segunda página sem mostrar barra de endereço, e no tamanho a sua escolha, como nesse exemplo.
Clique aqui e leia o blog inteiro
Depois é só colar o código no HTML/Javascript em seu blog
Coloque embaixo o endereço da sua pagina:
Escreva algo para que a pessoa clique para abrir a página:
Opções
Atributos
Visualizar barra de ferramentas?
Sim Não
Mostrar barra de endereços?
Sim Não
Mostrar lista de diretórios?
Sim Não
Mostrar Barra de status?
Sim Não
Mostrar barra de botões?
Sim Não
Incluir barras de rolagem?
Sim Não
Pode ser maximizada?
Sim Não
Largura da janela (em pixels):
Altura da janela(em pixels):
Distância da esquerda da tela:
Distância da parte superior:
Pegue o código:
Templates e Acessórios - 1º Selecione as opções

Colocando últimos comentarios na coluna

5 comentários:
Se você tem muitas postagens em seu blog, como é o meu caso, poderá ficar perdida (como fico) com os comentários feitos em seu blog. Geralmente não repondo pois não consigo encontrar. ois é, mas agora esse problema acabou.
Preencha o formulário abaixo e instale em seu blog automaticamente (e de graça que é o melhor) essa forma simples e prática.
Dica refeita AQUI

Instalando o menu horizontal no Blogger, acima ou abaixo do cabeçalho

69 comentários:
Esta dica se aplica ao antigo Blogger, anterior a julho de 2010. Se o seu Blogger é o novo, veja a dica nova AQUI

11 de mai. de 2009

Colocando imagens diferentes para cada título dos widgets da sidebar

9 comentários:
Coloque cada título de suas widgets com uma imagem diferente. Para isso vá até o HTML do seu blog e clique em "Expandir modelos de widget".
Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.
Agora clique na tecla F3 de seu teclado e procure pelo título de seu widget. Encontrando, veja que mais abaixo você encontrará um código como este abaixo:
<h2><data:title/></h2>
Então substitua por este e cole no local indicado o endereço de sua imagem.
<h2><img src="AQUI O ENDEREÇO DE SUA IMAGEM"/><data:title/></h2>
Dependendo, o código poderá ser esse também:
<h2 class='title'><data:title/></h2>
substitua então por:
<h2 class='title'><img src='ENDEREÇO DA IMAGEM'/><data:title/></h2>
Vá repetindo a operação para cada widget e colocando imagens diferentes.

Código para não sair da página ao clicar no autor dos comentários

Nenhum comentário:
Se você não quer sair de sua página ao clicar no autor dos comentários em seu blog vá até o HTML do seu blog, clique em "Expandir modelos de widget".
Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.
Clique na tecla "F3" do seu computador. Agora cole no espaço o seguinte código:
<a expr:href='data:comment.authorUrl' rel='nofollow'> <data:comment.author/></a>
Agora que o encontrou, substitua por este:
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>

Colocando o blog em estilo revista

21 comentários:
Para quem gosta do blog em estilo revista é bem facinho fazer. Entenda que neste caso eu considerei as medidas do template Minima original, portanto se for necessário, aumente a largura. (onde está na cor verde)
Page 1 of 403123...403Next »Last

Copyright © 2025 Templates e Acessórios |

Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube