jugifs

html novo

2009-10-23T18:52:00.001-07:00

Olá Queridos Bom gente por motivos maiores, retirei alguns Links de meu blog

Bom vou colocar aqui o link do TEMPLATE NOVO BLOGGER

la vcs vao encontrar variass dicas de html e outros vcs vao adorar como eu adoro de paixão :)

é só clicar no banner para entrar no site .. Bjs a todos!!

by: JuGifs

Um ponto de vista diferente...: Almas Gêmeas.

2009-10-22T19:45:00.000-07:00

Um ponto de vista diferente...: Almas Gêmeas.

Oi MEU AMOR TA LINDOO D+ SEU BLOG, AHH JA ESTOU PARTICIPANDO TA? SE QUIZER SEGUIR O MEU É: http://jugifs.blogspot.com Bom agora falando de alma gemea claro que acredito nisso.. eu encontrei a minha a 13 anos atras, bom é uma longa historia se eu fosse contar nao caberia nesse pequeno quadrado ... Bjão Linda :)

22 de Outubro de 2009 19:43

midis Flash

2009-10-20T17:03:00.001-07:00

Olá Amores :)

Estou passando aqui hoje para encinar Vocês a colocar Midis em Flash em seu Blog

é bem simples tem esse Igual do meu Blog ( Ursinho) e Outros tipos no site vocês escolhe o que agrade mais :)

Site: Clique aqui , Vcs vao adorar :)

Bjinhosss JuGifs!

MySpace Music Playlist at MixPod.com

criando Contador

2009-10-19T20:11:00.001-07:00

Criando Contador para seu Site ou Blog

Imagem Modelo:

Edite ao seu Gosto....e hospede!

No Codigo a baixo coloque o endereço da Imagem e o endereço de seu Blog ou Site! e Pronto é so colar no seu Blog :)

<center> <table width="103" height="69" border="0" cellpadding="1" cellspacing="0" background=" ENDEREÇO DE SUA IMAGEM " style="font-family: tahoma; color: #FF6C92; font-size: 7pt;" oncontextmenu="return false"> <tr> <td width="7"> </td> <td> <a href="http://jugifs.blogspot.com" target="_blank"> <font color="#FF6C92" face="tahoma"><script src="http://fastwebcounter.com/secure.php?s=http://ENDEREÇO DE SEU BLOG"></script></font></a> </td></tr> </table> </center>

ai vc tera um contador como esse:

Relogio com Data

2009-10-19T19:14:00.001-07:00

Como criar reloginho com data

Copie a Imagem e edite a seu gosto no Photoshop ou onde preferir:

O Tamanho dela tem que ser 75 x 75 pixels ....

Agora vamos para a borda:

ela tem que estar com 87 pixels de Largura e 129 pixels de altura.

Depois de editar As hospede e copia o Link e coloca cada link no Lugar certinho do Código a baixo:

Bom galera em primeiro Lugar vc vai precisar do código:

<html> <head> <center><html> <head> <title>dt001</title> <center><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style> body, td, th { COLOR: #484848; FONT-SIZE: 11px; font-family: Trebuchet MS,verdana,arial} A{color:#484848;text-decoration:none; cursor: crosshair } A:link{color:#484848; text-decoration:none; font-weight:none; cursor: crosshair } A:visited{color:#484848;text-decoration:none;font-weight:none; font-weight:none; cursor: crosshair } A:hover{ text-decoration: none; cursor: crosshair; color:#7CA7CA; font-weight:bold; cursor: crosshair } font-size: 10px; font-weight: normal; text-decoration: none; font-family: Trebuchet MS,verdana,arial;} </style> <script> document.write("<FONT color='#000000' face='verdana, Arial, Helvetica, sans-serif' style='font-size : 10px; font-weight: bold;'>"); var clockid=new Array() var clockidoutside=new Array() var i_clock=-1 var thistime= new Date() var hours=thistime.getHours() var minutes=thistime.getMinutes() var seconds=thistime.getSeconds() if (eval(hours) <10) {hours="0"+hours} if (eval(minutes) < 10) {minutes="0"+minutes} if (seconds < 10) {seconds="0"+seconds} var thistime = hours+":"+minutes+":"+seconds function writeclock() { i_clock++ if (document.all || document.getElementById || document.layers) { clockid[i_clock]="clock"+i_clock document.write("<span id='"+clockid[i_clock]+"' style='position:relative'>"+thistime+"</span>") } } function clockon() { thistime= new Date() hours=thistime.getHours() minutes=thistime.getMinutes() seconds=thistime.getSeconds() if (eval(hours) <10) {hours="0"+hours} if (eval(minutes) < 10) {minutes="0"+minutes} if (seconds < 10) {seconds="0"+seconds} thistime = hours+":"+minutes+":"+seconds if (document.all) { for (i=0;i<=clockid.length-1;i++) { var thisclock=eval(clockid[i]) thisclock.innerHTML=thistime } } if (document.getElementById) { for (i=0;i<=clockid.length-1;i++) { document.getElementById(clockid[i]).innerHTML=thistime } } var timer=setTimeout("clockon()",1000) } window.onload=clockon </script> </head> <body STYLE="background-color: transparent" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <div id="Layer1" style="position:absolute; left:3; top:21; width:61; height:12; z-index:2"> <table width="4%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><a href="http://jugifs.blogspot.com" target="_blank"> <img src="ENDEREÇO DA IMAGEM" border="0" width="75" height="75"></a></td> </tr> </table> </div> <div id="Layer2" style="position:absolute; left:0; top:0; width:61; height:12; z-index:2"> <table width="4%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <a href="http://jugifs.blogspot.com" target="_blank"> <img src="ENDEREÇO DA BORDA" border="0" width="81" height="117"></a></td> </tr> </table> </div> <div id="Layer3" style="position:absolute; left:5; top:4; width:61; height:12; z-index:2"> <script> /*Current date script credit: JavaScript Kit (www.javascriptkit.com) Over 200+ free scripts here! */ var mydate=new Date() var year=mydate.getYear() if (year < 1000) year+=1900 var day=mydate.getDay() var month=mydate.getMonth()+1 if (month<10) month="0"+month var daym=mydate.getDate() if (daym<10) daym="0"+daym document.write("<small><font color='000000' face='Verdana'><b>"+month+"/"+daym+"/"+year+"</b></font></small>") </script> </div> <div id="Layer4" style="position:absolute; left:15; top:100; width:61; height:12; z-index:2"> <script>writeclock()</script> </div> </body> </html> </body> </html>

Bom depois de tudo editado você vai prescisar hospedar o código por exemplo no geocities YahooOu no miarroba.com

Agora vc vai prescisar deste código a baixo:

<center><iframe src="AQUI O ENDEREÇO DO SITE ONDE ESTA HOSPEDADO" width="87" height="129" marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center>

Agora coloque o código onde quer que o Reloginho apareça no seu blog e pronto!

Espero que vcs gostem...Bjs

Links Salvos

2009-10-17T17:43:00.001-07:00

Olá Amores, vou postar aqui os links meus que estam postados no

Geocities Yahoo

e infelizmente sera deletada pq o Yahoo sera fechado, então postei alguns arquivos em outro Host aqui estam os Links ..

Efeitos		Utilidades
chuvaestrelas.html		contadorvisitas.html
efeitofogosart.html		cursorsegue.html
loadingflash.html		textoemflash.html
loadingsimples.html		tabeladecor.html
textocolorido.html		menuflash.html

Variados

makercalendario.html

criarreloginhos.html

dicas.html

Geradores
geradorbarrastatus.html		menutree.html
link-me.html		mouseoverlink.html
menubar.html		nickmaluco.html
menudropdown.html		nomepersonalizado.html
menususpenso.html		pop-up.html

redirecionadorpaginas.html

regressiva.html

Videos server Quizumba
quizumbavideos.html

Colocar imagem antes postagem

2009-10-15T22:32:00.001-07:00

Se você quer colocar uma imagem antes do título das postagens como tem AQUI neste blog é bem fácil.

Vá até o HTML do seu blog e clique em "Expandir elementos de página.

Agora procure pelo código:

<a expr:href='data:post.url'>

Agora cole a frente o seguinte código:

Substitua o código em azul pelo endereço de sua imagem

credito: http://templateseacessorios.blogspot.com/

Colocando imagens ,cor sidebar

2009-10-15T22:18:00.001-07:00

Colocando cor, Imagem nos titulos da sidebar

Para colocar cor ou mesmo uma imagem nos títulos da sidebar, procure este trecho do código do seu template (lembrando sempre que todos os tutoriais são feitos baseados nos códigos do Mínima, do Blogger - sendo assim, é normal que existam diferenças entre o que apresento aqui e seu próprio template)

/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
}

acrescente abaixo:

.sidebar h2{
color: $sidebartextcolor;
line-height: 1.5em;
background: #000000;
margin: 0px;
padding: 8px 0 0 15px;
text-align: center;
}

Se no seu template já existe este trecho do código, é só colocar background: (valor da cor); e ter certeza de que margin:0px;. Padding afasta o título do topo da coluna - você pode alterar este valor e ir visualizando, até que fique como desejado.

Se você deseja inserir uma imagem, é só colocar:se a imagem tem as mesmas dimensões estabelecidas para .sidebar h2:

background: url(link da imagem) no-repeat;

se a imagem for menor e você deseja que ela se repita:
background: url(link da imagem) repeat-x;

Cute Color 2

2009-10-13T19:21:00.001-07:00

Minhas Parcerias

2009-10-13T18:51:00.001-07:00

Olá! se você quizer trocar banner com a JuGifs entre em contatopelo E-Mail clicando aqui: JuGifs E-Mail-- " border="0" />

Efeito bolha subindo

2009-10-12T23:17:00.001-07:00

Efeito Bolha subindo

pegue o codigo e cole no HTML de seu blog

<img style="DISPLAY: none" name="buble" 
src="http://www.ilove.com.br/lili/imagens/bubble.gif"/>
<script language="JavaScript1.2">
<!-- Begin

//Bubble Script by Lisa (issa@lissaexplains.com, http://lissaexplains.com)
//Based on code by Altan d.o.o. (snow@altan.hr)
//Adapted by Lilian Russo

var no = 15; // image number or falling rate
var speed = 2; // the lower the number the faster the image moves
var snow = new Array();
snow[0] = document.buble.src
snow[1] = document.buble.src
snow[2] = document.buble.src

var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 1800;

if (ns4up||ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
j = 0;

for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ns4up) { // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ snow[j] + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ snow[j] + "\" border=\"0\"></layer>");
} } else if (ie4up||ns6up) { if (i == 0) 
{
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + snow[j] + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + snow[j] + "\" border=\"0\"></div>");
}
}
if (j == (snow.length-1)) { j = 0; } else { j += 1; }
}

if (ns4up) {
snowNS();
} else if (ie4up||ns6up) {
snowIE_NS6();
}
// End -->
</script>

Cutecolors

2009-10-12T20:42:00.001-07:00

20/02/2005

- Postado por: Juliana às 15h03
[ (10) Vários Comentários] [ envie esta mensagem ]

___________________________________________________

11/02/2005

- Postado por: Juliana às 11h57
[ (0) Comente] [ envie esta mensagem ]

___________________________________________________

10/02/2005

- Postado por: Juliana às 15h43
[ (0) Comente] [ envie esta mensagem ]

___________________________________________________

09/02/2005

- Postado por: Juliana às 10h17
[ (0) Comente] [ envie esta mensagem ]

___________________________________________________

08/02/2005

- Postado por: Juliana às 11h07
[ (1) Apenas 1 comentário] [ envie esta mensagem ]

___________________________________________________

05/02/2005

- Postado por: Juliana às 12h59
[ (0) Comente] [ envie esta mensagem ]

___________________________________________________

03/02/2005

- Postado por: Juliana às 11h58
[ (0) Comente] [ envie esta mensagem ]

___________________________________________________

02/02/2005

- Postado por: Juliana às 13h40
[ (1) Apenas 1 comentário] [ envie esta mensagem ]

___________________________________________________

01/02/2005

- Postado por: Juliana às 12h44
[ (0) Comente] [ envie esta mensagem ]

___________________________________________________

31/01/2005

- Postado por: Juliana às 12h47
[ (2) Vários Comentários] [ envie esta mensagem ]

___________________________________________________

30/01/2005

- Postado por: Juliana às 16h06
[ (0) Comente] [ envie esta mensagem ]

___________________________________________________

29/01/2005

- Postado por: Juliana às 13h24
[ (0) Comente] [ envie esta mensagem ]

___________________________________________________

28/01/2005

- Postado por: Juliana às 13h03
[ (1) Apenas 1 comentário] [ envie esta mensagem ]

___________________________________________________

27/01/2005

- Postado por: Juliana às 12h34
[ (0) Comente] [ envie esta mensagem ]

___________________________________________________

26/01/2005

loading Flash

2009-10-12T18:55:00.001-07:00

Olá Meus Amores

aqui estou para passar o codigo

do loading em Flash ..adoreiiii :), espero que vcs também gostem...

Codigo:

<html><head> <META HTTP-EQUIV="REFRESH" CONTENT="3; URL=HTTP://WWW.SITEASERREDIRECIONADO.COM"> <body topmargin="0" bottommargin="0" rightmargin="0" leftmargin="0"> </head></html> <center><table height="100%" width="100%"><td valign="center" align="center"> <font face="arial" size="1" color="#666666"><b>Carregando...</b></font><br /> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="550" height="20" title=""> <param name="movie" value="http://users.cjb.net/avatarbr/loading.swf"> <param name="quality" value="high"> <embed src="http://users.cjb.net/avatarbr/loading.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="550" height="20"></embed> </object></td></table></body>

Vocês viram o efeito quando clicaram para entrar ne?

Bjokass a todos!

By: JuGifs

Scripts

2009-10-12T13:43:00.001-07:00

Anime sua Barra Status

Barra Rolagem Colorida

Bloqueie Botão direito

Loading Simples

Contador Visitas

Redirecionamento em Flash

Menu Suspenso para seu blog

Pega Nome

Botão atualizar

2009-10-12T13:35:00.001-07:00

Este botão facilita a navegação do usuário, principalmente se a página foi construída dentro de uma janela popup, que não tem os botões padrão do navegador. Este botão volta para a última página visitada.

O código pode ser colocado como link ou figura. Para inserí-lo, copie e cole o código abaixo entre as tags <body> e </body> da sua página:

Clique aqui para ver o exemplo de cada um.

LINK:
<a href="javascript:window.history.go(0)" target="_self">ATUALIZAR</a>

IMAGEM:
<a href="javascript:window.history.go(0)" target="_self"><img src="sua-imagem" border="0"></a>
Obs.: onde diz 'sua-imagem', coloque o endereço da imagem que você for usar

BOTÃO:
<input type="button" value="Atualizar" name="B1" onclick="javascript:window.history.go(0)">

Credito: http://www.templatesforall.cjb.net/

Botão avançar

2009-10-12T13:34:00.001-07:00

Este botão facilita a navegação do usuário, principalmente se a página foi construída dentro de uma janela pop up, que não tem os botões padrão do navegador. Este botão avança para a última página visitada.

O código pode ser colocado como link ou figura. Para inseri-lo, copie e cole o código abaixo entre as tags <body> e </body> da sua página:

LINK:
<a href="javascript:window.history.go(1)">Avançar</a>

IMAGEM:
<a href="javascript:window.history.go(1)" target="_self"><img src="sua-imagem" border="0"></a>
Obs.: onde diz 'sua-imagem', coloque o endereço da imagem que você for usar

BOTÃO:
<input type="button" value="Avançar" name="B1" onclick="javascript:window.history.go(1)">

Credito: http://www.templatesforall.cjb.net/

Botão Voltar

2009-10-12T13:32:00.001-07:00

VOLTAR

LINK:
<a href="javascript:window.history.go(-1)" target="_self">VOLTAR</a>

IMAGEM:
<a href="javascript:window.history.go(-1)" target="_self"><img src="sua-imagem" border="0"></a>
Obs.: onde diz 'sua-imagem', coloque o endereço da imagem que você for usar

BOTÃO:
<input type="button" value="Voltar" name="B1" onclick="javascript:window.history.go(-1)">

Credito: http://www.templatesforall.cjb.net/

Botão fechar janela

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

Botão fechar Janela

Essa é uma função simples de ser aplicada e ajuda o usuário a não se perder com muitas janelas abertas.

Este recurso Javascript é compatível com IE, Netscape 4.75 e Netscape 6.

Clique aqui para ver um exemplo de cada um.

Para aplicar a função "fechar janela", basta copiar o código abaixo e colá-lo onde você quer que o link ou a imagem "fechar janela" apareça na sua página:

LINK:
<a href="javascript:window.close()">Fechar</a>

IMAGEM:
<a href="javascript:window.close()"><img src="sua-imagem" border="0"></a>
Obs.: onde diz 'sua-imagem', coloque o endereço da imagem que você for usar

BOTÃO:
<input type="button" value="Fechar Janela" name="B1" onclick="javascript:window.close()">

Credito: http://www.templatesforall.cjb.net/

Botão Impressão

2009-10-12T13:27:00.000-07:00

Além do botão de imprimir, existente em todos os browsers, você também pode inserir links para impressão através de algumas simples linhas em Javascript, dentro do código HTML da sua página. Esse recurso pode facilitar a impressão de frames, por exemplo.

Para criar um botão de impressão que imprima apenas o frame onde o botão se encontra, a forma mais simples e direta é criar um link, onde será usada a função Javascript print(). Esse link pode ser feito em texto, em imagem ou até em forma de botão. Basta escolher abaixo o que mais se adequa para o seu site.

Clique aqui para ver um exemplo de cada um.

LINK:

<a href="#" onclick="self.print()">Clique aqui para imprimir esta página</a>

IMAGEM:

Obs.: onde diz 'sua-imagem', coloque o endereço da imagem que você for usar

BOTÃO:

Credito: http://www.templatesforall.cjb.net/

Barras Rolagens Colorida

2009-10-12T13:24:00.001-07:00

Este é um script simples que você pode ver um exemplo observando a barra de rolagem deste site.

Para aplicá-lo, copie e cole o código abaixo, entre as tags <head> e </head>:

O que é cada um?
"face-color" - é o retângulo que "move" a tela e os quadradinhos com as setinhas para cima e para baixo.
"shadow-color" - parte de baixo e lateral direita (+ "encostada") do retângulo e dos quadradinhos.
"highlight-color" - parte de cima e lateral esquerda (+ "encostada") do rentângulo e dos quadradinhos.
"3dlight-color" - parte de cima e lateral esquerda (+ "saída") do retângulo e dos quadradinhos.
"darkshadow-color" - parte de baixo e lateral direita (+ "saída") do retângulo e dos quadradinhos.
"track-color" - "fundo" da barra de rolagem.
"arrow-color" - setinhas da barra de rolagem.

Credito: http://www.templatesforall.cjb.net/

Anime sua Barra status

2009-10-12T13:21:00.001-07:00

Anime sua barra de status

Este é um script muito simples que você pode ver um exemplo olhando a barra de status no rodapé desta página.
Este script é compatível com IE, Netscape 4 e 6.

Para aplicá-lo, copie e cole o códico abaixo, entre as tags <head> e </head>:

Observações:
Onde diz "var hellotext" o que está dentro das aspas é o texto que irá aparecer.
Toda a área onde diz "if (step==..)" é a animação dividida em "quadros", ou seja, toda mudança na animação é definida neste trecho que você poderá alterar.
E, no final do código, onde tiver "setTimeout("anim()",100)" é a velocidade da animação, lembrando que quanto maior o valor ( no caso, 100), menor a velocidade.

Credito: http://www.templatesforall.cjb.net/

Icone barra endereço

2009-10-11T22:14:00.001-07:00

Muita gente gostaria de saber como tirar o ícone do blogger / blogspot da barra de endereço e colocar seu próprio ícone, isso é muito fácil de fazer e vou ensinar passo-a-passo como fazê-lo. Primeiramente crie uma imagem para colocar de ícone no lugar do ícone do blogger, depois você vai precisar converte-la para as extensões .ico e .png, para isso use o Format Factory que além deconverter imagens, converte vídeos e áudio. Abra o Format Factory, clique na barra " Foto", depois clique na opção "Todos para ICO". Clique em "Adicionar Arquivo" selecione a imagem do seu ícone e depois clique no botão "OK". Na tela principal clique em "Iniciar" e pronto, você vai ter uma imagem.ico. Em seguida clique em "Todos para PNG e faça o mesmo procedimento acima para criar uma imagem .png. A próxima etapa é hospedar suas imagens, utilize o site 1pixelhost para isso. Entre no site, clique em "Procurar", selecione a sua imagem.ico e clique no botão "Start Uploading". Copie o link que está no campo "Direct Link" e cole junto ao código abaixo no local indicado. Repita o mesmo procedimento com a imagem.png.

Agora copie o código acima já com o link das imagens, entre no blogger, clique em "Layout", depois clique na aba "Editar HTML" e cole o código depois da tag . Salve as alterações. Feito tudo certo você vai ter um ícone personalizado na barra de endereço e quando uma pessoa adicionar seu site na lista favoritos o ícone também aparecerá. Veja o resultado

Até a próxima!

Credito: http://www.dgaro.com.br/

Cursor estrela caindo

2009-10-11T22:10:00.001-07:00

Confirmado com Internet Explorer e com o Firefox

Copia o código Javascript para colocares este efeito no teu Blog ou teu site

No Blogger: faz editar HTML e coloca o código exactamente antes do final do body
pré-visualiza e se estiver tudo bem, grava!

Para mudar a cor das estrelas, antes de copiar o código alterar o código da cor que está em
var colour="#FFD700"

#00CC00 - #FFFFFF - #000000 - #FFCC33 - #FF0000 - #FF99FF - #FF1CAE - #CBCBCB - #FFCBDB - #33CCFF

Mini Gifs

2009-10-10T17:23:00.003-07:00

Gifs

2009-10-10T17:23:00.001-07:00

Divisorias

2009-10-10T17:22:00.001-07:00

Geradores

2009-10-10T17:20:00.001-07:00

Templates

2009-10-10T17:19:00.001-07:00

Relogios, Calendarios

2009-10-10T17:18:00.001-07:00

Fontes

2009-10-10T17:17:00.001-07:00

Efeitos

2009-10-10T17:16:00.001-07:00

Cursores

2009-10-10T17:15:00.003-07:00

Cursores

Cursores & Marques

Cursor estrela Caindo

Cursor segue o Mouse

Tutoriais

2009-10-10T17:15:00.001-07:00

Utilidades

2009-10-10T17:14:00.001-07:00

Background

2009-10-10T17:13:00.001-07:00

Gifs

2009-10-10T12:05:00.001-07:00

==GIFS==

Utilidades

2009-10-10T12:03:00.001-07:00

==UTILIDADES==

Menu de Menus

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

==MENUS==

Links Externo JuGifs

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

==EXTERNO==

Dicas Html

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

==HTML==

· Add Widget Cabeçalho

· Barra Recados Heade

· Caixa comentarios

· Como Add Layout

· Colocando Imagens, Cor Titulo Sidebar

· Dicas HTML

· E-Mail Abaixo das Post

· Estilo Revista

· Icone barra de endereço

· Icone Navegador

· Imagem Rodapé Post

· Colocar Imagem Titulo Postagem

· Mensagem entrada Blog

· Mensagem Hora e Dia

· Modo Postagens

· Numeraçoes Paginas

· Postagens 2 Colunas

· Trocando Sidebar Lados

SITE COM VARIAS DICAS :)

Templates Novo Blogger

Cute Color

2009-10-09T19:26:00.001-07:00

Moranguinho

2009-10-09T19:20:00.001-07:00

Halloween

2009-10-09T19:16:00.001-07:00

Modo de Postagens

2009-10-09T15:46:00.001-07:00

Postagens separados do Marcador

Antes de tudo eu uso um programa chamado Ou , se vc baixar um desses Writers vc vai poder começar suas postagens

Então vamos La aqui no exemplo vou mostrar pelo ( Windows Live Writer)

Configure o Writer com os dados de seu blog.

Primeiro vai aparecer essa tela

http://i289.photobucket.com/albums/ll234/rojubi/1-4.jpg

logo a baixo na mesma tela

http://i289.photobucket.com/albums/ll234/rojubi/2-4.jpg

Depois de ter feito como esta na imagem ele vai ficar assim

http://i289.photobucket.com/albums/ll234/rojubi/3-4.jpg

Bom depois de ter publicado vamos ao Blogger

Vá em Postagens > Editar Postagens, lá estará a postagem que vc acabou de fazer

http://i289.photobucket.com/albums/ll234/rojubi/4-1.jpg

agora clique em Visualizar a postagem que vc postou, feito isso vai abrir a postagem em seu blog, ai vc copia o endereço da pagina que abriu assim:

http://i289.photobucket.com/albums/ll234/rojubi/5.jpg

feito isso vc vai no layout de seu blog ( adicione um Gadget) .. vc vai adicionar o ( Lista de Links).

Vai aparecer assim:

http://i289.photobucket.com/albums/ll234/rojubi/6.jpg

Onde esta de vermelho vc cola o link da pagina que copiou e o nome que vc quer que apareça no seu blog, Pronto espero ter ajudado

Bjs JuGifs

hello kitty

2009-10-09T15:22:00.001-07:00

mudando gadget Blogger

2009-10-06T18:07:00.001-07:00

No blogger:
Clique em Layout,
Em seguida Editar Html,
Antes de começar faça um backup do seu código clicando em Baixar modelo completo,só por precaução e segurança, Salve em seu computador.
Em Editar Html tenha cuidado com os caracteres que devem ser respeitados( ' : ; ."{} etc).
Para saber se seu blog está atualizado,apenas observe, que deve existir, no seu Html, um código parecido com esse abaixo:
<variable name="bodyfont" description="Text Font" type="font"default="normal normal 100% Helvetica, Arial, sans-serif" value="normal normal 100% Helvetica, Arial, sans-serif">
Perceba que cada propriedade geralmente está numa linha e termina com ponto e vírgula; e deverá continuar assim. Dentro das chaves você pode substituir códigos ou se não existir adicionar.
Você não deve copiar esse código inteiro, e sim apenas procurar se já existe em seu código os estilos que você deseja mudar ou adicionar, até porque ele só indica o tamanho da fonte.
.sidebar h2 { font-size: 1.3em; }
use os códigos dos exemplos abaixo para fazer seu estilo, adicione de acordo com o que você quer.
Clique em Salvar alterações .

Veja exemplos de códigos que podem ser adicionados:

Tamanhos de fonte:

Apenas um, não deve existir entre as mesmas chaves dois font-sizee o número deve ser seguido de em;

font-size: 0.5em;
é metade da fonte "do texto"

font-size: 0.7em;
é 70% da fonte

font-size: 1.2em;
é 120% da fonte

font-size: 1.6em;
é 160% da fonte

font-size: 2em;
é 200% da fonte ou dobro

Cor de fonte:

color: #FF6A2E;
cor da fonte, laranja

color: #6FB0E2;
Cor fonte azul

color: #38B63C;
cor da fonte verde

Tem mais códigos na página Fontes e cores do blogger.

Cor de fundo:

background: #FF6A2E;
cor do fundo, laranja

background: #6FB0E2;
Cor fundo azul

background: #38B63C;
cor de fundo verde

background cutes

2009-09-17T16:02:00.001-07:00

fontes 1

2009-09-17T15:55:00.001-07:00

Clique com o botÃ£o direito no mouse na fonte desejada e vÃ¡ em SALVAR DESTINO COMO para fazer o download.
* Todas as fontes estÃ£o compactadas com WinZip

Creditos: Evelyn’s Place.com

minicutes

2009-09-15T20:39:00.001-07:00

Msnjugifs

2009-09-15T15:14:00.000-07:00

Fale com JuGifs Via "MSN" se o icone estiver "VERDE" é porque JuGifs esta OnLine, se estiver "CINZA" estarei Off, é so clica no icone que abri-ra uma janela de conversação!!!

musica

2009-09-14T22:04:00.000-07:00

Akon