Larana e os meus Backgrounds

PhotoScape - Editor de imagem

2011-02-20T13:24:00.000Z

Já há muito tempo que não parava por estes lados, no entanto, hoje venho vos informar que existe um outro programa de edição de imagem tão bom como o picasa. Tenho vindo a notar alguns comportamentos no picasa e chatiei-me. Então arregacei as mangas e fui passear pela net à procura de um outro programa de imagens. Descobri o PhotoScape. Muitos já devem conhecer, mas para quem não conhece, este programa pelo menos não fecha mal abra.
Para verem do que ele é capaz, cliquem aqui

Para fazerem o Download, cliquem aqui

Divirtam-se :)

Uma rolagem com imagens

2010-01-16T17:11:00.001Z

Muitas vezes vimos blogs com banners, selos, imagens e imagens, tudo que acaba por "poluir" um pouco o visual do próprio blog. Em viagem por este maravilhoso mundo que é a Internet, tive oportunidade de ir buscar códigos aqui, outros ali e pesquisando acolá, acabei por chegar a um código bastante interessante.

Para conseguirmos este efeito é bastante simples:

Abrimos uma mini-aplicação Editar Html/Javascipt e inserimos este código:

<style>
#roll, #roll marquee{ overflow:hidden; width:180px;
height:300px; margin:5px auto 5px auto; text-align:center;}
#roll a img{ border:1px solid #000000; }
#roll img{padding:2px 2px 2px 2px; text-align:center; margin:2px auto 2px auto; background:#CCCCCC;
}
</style>

<div id="roll">
<marquee scrolldelay="50" direction="up" behavior="scroll" onmouseover="this.stop();" onmouseout="this.start();" loop="-1" scrollamount="1">

</marquee>
</div>

De seguida é preciso ir buscar o codigo das imagens e colocá-las onde diz: Aqui você coloca o código dos banners.

Depois é guardar e colocar a mini-aplicação onde mais queremos.

Boas aplicações:)

Ursinhos

2009-11-30T16:46:00.003Z

2colunas

3 colunas

Pinheiro

2009-11-30T16:33:00.003Z

2 colunas

3 colunas

Ursinho e o natal

2009-11-30T16:18:00.003Z

2 colunas

3 colunas

Não deixar copiar o texto do blog

2009-10-25T21:56:00.004Z

Bem, como ultimamente tenho me apercebido que existe muita gente a querer fazer cópias inadvertidamente, por isso fui ao site Dicas para Blogs e consegui encontrar este código que poderá ajudar. Se não 100%, mas pelo menos 80%, pois existem inumeras maneiras de fazerem cópias de textos.

Ora então será necessário irem Esquemas, escolher a opção Editar html e procurar por este tag: </head> e colocar o código abaixo antes da tag.

<script language="JavaScript1.2">
function disableselect(e){
return false
}
function reEnable(){
return true
}
//if IE4+
document.onselectstart=new Function ("return false")
//if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>

esperemos que vos ajude, alguma coisinha, visitem o site onde fui buscar este código.

Contabilizar as visitas de cada um...............

2009-10-14T10:51:00.004+01:00

Existem vários tipos de contadores que são fornecidos por uma variedade de sites. Descobri que é possível mostrar no blog quantas vezes uma pessoa o visitou. O único "se não" é que só a pessoa que o visita verá as vezes que o visitou.
Como exemplo, aparecerá no blog a dizer algo semelhante: Já visitaste este blog 3 vezes, espero que gostes e voltes mais vezes! Esta contagem irá continuar automáticamente conforme a visualização de cada um.

Entrar na página de esquemas, escolher a opção Editar html e colocar este código:

<script type="text/javascript">
antes = 'Já visitaste este blog';
depois ='espero que gostes e voltes mais vezes!';
</script>
<script type="text/javascript" src="http://acessoriosparablogs.com.br/scripts/visitas.js"></script>

É possivel mudar as frases que aparecem no código (Já visitaste este blog) e (espero que gostes e voltes mais vezes!), mas toma muita atenção em não apagar as aspas, pois elas fazem parte do código.

Boa contagem

Ajuda repartida....

2009-09-03T16:18:00.004+01:00

A pedido de muitas meninas e meninos, vou colocar um link de uma menina minha amiga que me ajudou imenso neste projecto.

Ela ajudou-me a criar os backgrounds e como eu acho que ela ensina e explica bem, prefiro vos sugerir que visitem o blog dela, pois tem coisinhas muito interessantes.

Acredito que estamos cá para nos ajudar mutuamente e sem rivalidades, por isso amiguinhas e amiguinhos se por acaso procuram algo, estamos cá para partilhar um pouco do nosso conhecimento.

Dicas sobre Backgrounds e Templates

Imprimir as postagens #2

2009-08-31T23:59:00.007+01:00

Cada dia que passa descubro coisinhas novas. Já tinha postado um artigo acerca deste tema, mas mesmo assim, para facilitar vou postar outro artigo como mesmo assunto e códigos ligeiramente diferentes.

1. Esquema >> Editar HTML >> Expandir Widget .

2. Procurar por: <p><data:post.body/></p>

Agora copias por cima este código:

<span class='noprint'><data:post.body/></span> <b:if cond='data:blog.pageType == "item"'> <a href='javascript:window.print()'><img src='http://i475.photobucket.com/albums/rr115/djyano21/printButton.png'/></a></b:if>
Salva o template e procura por alterações, principalmente ao pé dos comentários.

Boas impressões...

Um footer com 3 colunas

2009-08-31T23:38:00.004+01:00

Hoje em dia um footer com 3 colunas está a ser muito popular e por acaso é bastante simples.

1º passo - Esquema > Editar Html. Procurar este código (se clicares em ctrl+L, irá te aparecer uma janela que te facilitará a busca)

<div id=’footer-wrapper’>
<b:section class=’footer’ id=’footer’/>
</div>

Nota: alguns templates, poderam ter somente 'footer' em vez de 'footer-wrapper'

2º passo - Copia o código em baixo e cola-o em cima do código que está a vermelho.

<div id='footer-column-container'>

<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>

<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>

<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>

<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>

<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>

</div>
<div style='clear:both;'/>

</div>

Salva o template.

3º passo - Agora procura esta etiqueta

]]>>/b:skin>

Cola este código a cima da etiqueta

#footer-column-container {
clear:both;
}

.footer-column {
padding: 10px;

}

Salva o template. Agora já é possível ir a Esqemas e encontrar em baixo 3 colunas para se poder colocar as mini-aplicações que quisermos.

Boas colunas

Menu Horizontal

2009-08-31T23:12:00.004+01:00

Temos visto imensos blogs com menus na horizontal, mas não pertencem ao Blogger, no entanto existe uma maneira de se resolver essa situação. O código que irei deixar permite-nos colocar quantas opções quisermos na barra em cima, no meio, em baixo.......onde quisermos. Se repararem na parte superior do meu blog, tenho lá um menu com 4 opções.

1. Esquema > Editar Html. Procurar este código /* Header

2. Adicionar este código logo a seguir

#menu ul li{
font-size:100%;
list-style-type: none;
display:inline;
padding:0px;
margin:10px;
border:0px solid;
}

#menu li a{
color:#dfffed;
}

#menu li a:visited {
color: #57E964;
}

#menu li a:hover {
color: #F88017;
background: #ffff66;
}

3. Agora procurar este código

b:section class='header' id='header' maxwidgets='1' showaddelement='no'

4. ....e vamos modificá-lo

onde está o '1', passamos para '4' (ou o número de opções que quisermos)

onde está 'no', passamos para 'yes'

Salvamos e vamos para a página de Esquemas.

5. No header inserimos uma mini-aplicação (ou no footer) > Html/Javascript

6. Deixamos o título em branco e insere-se o seguinte código na caixa de texto

<div id='menu'>
<ul>
<li><a href="Your URL">Home</a></li>
<li><a href="Your URL">Publicidade</a></li>
<li><a href="Your URL">Acerca de mim</a></li>
<li><a href="mailto:YOUR EMAIL ADDRESS">Contacta-me</a></li>
</ul></div>

Agora é possivel colocarmos o que quisermos onde está em azul.

Bons Menu's

PICASA3

2009-08-25T15:57:00.002+01:00

Muita gente quer saber como se postam imágens deste género, pois bem embora existem variadíssimas maneiras, temos uma hipótese bastante fácil: PICASA3
Basta fazer o download do programa e começar dar asas á imaginação.
Em baixo na barra de tarefas do programa existe uma opção BLOG, a partir daí é tudo muito fácil.

Não irei colocar como se faz por enquanto, mas se alguém precisar de ajuda, terei todo o gosto em ajudar.

Widgets com rolagem

2009-08-22T16:12:00.005+01:00

Após muitas pesquisas na net e não só, descobri como colocar uma caixa de rolagem em qualquer widget do nosso blog. De momento este será a maneira mais fácil.

Entra-se na pagina editar html, clica-se na caixa de expandir widgets e procura-se pelo código do widget onde desejamos por a barra de rolagem, se não houver um titulo coloca-se apenas para localizar , irei usar como exemplo o meu Onde vou cuscar. Na minha pagina editar html encontro assim:

<b:widget id='Label1' locked='false' title='Onde vou cuscar' type='BlogList'> <

Repara que no começo do código tem id=’ Label1’ por isso irei criar um novo estilo colocando apenas este sinal # antes do nome, e adiciono o resto do código ficando assim:

#Label1 .widget-content{height: 300px;overflow: auto; border: 1px solid #000000; background-color: #ffffff;}

Depois vais um pouco a cima na página de Editar Html e procuras por body. Este código é para ser inserido depois de fechar as chaves do body{.......}

Agora é só testar e personalizar o teu blog da forma que mais gostares, lembra-te de copiares id de cada um dos widgets que desejas personalizar, sempre visualizares o blog antes de salvares as alterações para evitar desconfigurar alguma coisa por engano.

Blogues com caixa de rolagem

2009-08-17T22:35:00.005+01:00

Às vezes queremos adicionar muitos blogs na lista de atualizações que mostramos (lista de blogs) e anossa página comessa a ficar cheia, uma boa solução para esse problema é colocar uma barra de rolagem com a lista dos blogs. Para fazer isso é bem simples:
Entra na pagina editar HTML e clica para expandir os modelos de widgets, então procura pelo inicio de tualista de blogs, um jeito fácil de a encontrar é procurar pelo titulo que usas na tua lista.

<b:widget id='BlogList1' locked='false' title='Meus outros Blogs' type='BlogList'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<div id='blog-list-title'>
<h2 class='title'><data:title/></h2>
</div>
</b:if>

<div style="height: 200px;overflow: auto; border:1px solid #000000">

<div class='widget-content'>
<div class='blog-list-container' expr:id='data:widget.instanceId + "_container"'>
<ul expr:id='data:widget.instanceId + "_blogs"'>

Repara na linha em negrito e vermelho, no teu blog essa linha não existe, pois foi justamente isso que modifiquei para colocar a barra de rolagem, o valor 200 que está na mesma linha é o tamanho da barra, então podes mudar para o numero que achares melhor.
Onde diz :1px solid #000000 é a borda, se não gostas assim é só apagar esse bocado do código, mas cuidado para não apagares as aspas, nem outros sinais. Agora vamos fechar essa div(estilo) que usamos aqui. Um pouco mais para baixo no código, encontrarás isto:

<a href='javascript:void(0)'><data:showAllText/></a>
</span>
</div>
</b:if>
</b:if>

<b:include name='quickedit'/>
</div>
</div></div>
</b:includable>
</b:widget>

Cuidado para não te confundires e achares que já tens uma div fechada, essa que já estava no blog pertencia ao código original, então precisamos adicionar mais uma(essa que está em negrito e vermelho, não estava no modelo original do blog). Feito isso é só clicar para visualizar e depois salvar se estiver tudo correto. Essa é uma boa maneira de poupar espaço e ainda dá um novo visual com a barra de rolagem na lista de blogs.

Postagem com "leia mais"

2009-08-17T22:06:00.004+01:00

Para quem quiser fazer aparecer somente um resumo da postagem e no final escrito leia mais… encontrei um código que faz isso e ainda mostra uma miniatura da imagem junto com o resumo do texto.
Entra na pagina "editar html" e procura pela tag </head> e coloca este código antes dessa tag.

<script type='text/javascript'>
summary_noimg = 330;
summary_img = 300;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://acessoriosparablogs.com.br/scripts/resumopost.js' type='text/javascript'/>

Clica para salvar depois clica para expandir o modelo e procura por < data:post.body/ > apaga essa linha e cola este código no lugar:

<p><b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb
("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Leia mais...</a>
</span></b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if></p>

Clica para visualizar o blog e se estiver tudo certo salva as alterações no modelo e já está tudo pronto, agora o teu blog mostra apenas um resumo da postagem e uma miniatura da imagem e quem gostar pode clicar para ver o texto inteiro.

Imprimir as postagens

2009-08-17T18:59:00.006+01:00

Demorei um pouco a garantir que as minhas postagens imprimíssem desta forma, portanto criei este tutorial para se tornar simples e rápido para poderem instalar no vosso blog.
Para adicionarem o código para imprimir a vossa postagem, basta ir à Esquema> Editar HTML no vosso Painel do Blog, e procurem este
código </ head>.
Antes desta linha, adicionem as seguintes linhas de código (podem copiar e colar directamente para o vosso Blog):

<style type="text/css" media="print">
#header-wrapper, #header, .header, #sidebar-wrapper, .sidebar, #footer-wrapper, #footer, .date-header, .post-meta-data, .comment-link, .comment-footer, #blog-pager, #backlinks-container, #navbar-section, .subscribe_notice, .noprint {display: none;}
#main-wrapper {width: 95
</style>

Se quiserem, podem visualizar o blog antes de salvar. Nesta página de visualização, só serão capaz de visualizar a impressão apenas nas postagens do blog.

Para notificarem os leitores que as postagens podem ser impressas de forma eficaz, será necessário adicionar um link "Imprimir" para cada das postagens. Para adicionar o link imprimir, vão para a "Editar HTML" novamente e, agora pesquisem esta linha:

<div id="'main-wrapper'">

Logo por cima introduzem este código:

<b:if cond='data:blog.pageType == "item"'>
<span style='background: url(http://bloggerbuster.com/images/print.gif) left no-repeat; padding-left: 20px;'><a href='javascript:window.print()'>Imprimir</a></span>
</b:if>

Voltem a salvar o vosso modelo e espero que se divirtam.

Não me esqueci de voces........

2009-07-25T03:00:00.000+01:00

hihihihi, posso não estar aqui, mas lembro-me sempre das minhas amiguinhas. A esta hora estou a desfrutar das minhas mini-forçadas-férias.
Beijinhos minhas lindas

2009-07-22T00:16:00.002+01:00

Férias forçadas, visto ter a casa em obras, mas volto dentreo de dias. Mil beijinhos minhas amiguinhas.

Inserir uma assinatura no final de cada postagem #2

2009-07-16T15:30:00.010+01:00

Ola lindas/os, existe de facto outra maneira de conseguirmos instalar uma assinatura no final de cada postagem, mas é necessário mexer um pouco nos códigos HTML. Irei tentar exemplificar.

A ideia inicial mantem-se, ir ao link http://www.mylivesignature.com/ buscar uma assinatura.

Para quem não sabe como se faz, cliquem neste link que ensino como se faz: http://laranabackground.blogspot.com/2009/07/inserir-uma-assinatura-no-final-de-cada.html .

A única diferença será; quando finalizarem a assinatura, em vez de escolherem a opção:

"Want to use this signature?"; irão optar pela a opção: "Want to download this signature?"

Guardam a imagem da assinatua no computador e depois é passá-la para um programa de hospedagem de imagens.

1 - Ir ás Definições do blog e escolher a aba Formatação.

3 - Na aba de Formatação, fazes scroll até chegares ao fundo da página, onde estará uma caixa identificada por: Modelo de Mensagem. Entretanto, abres o programa de hospedagem e vais buscar o HTML CODE da tua assinatura. Colocas nessa caixa e fazes guardar definições.

Já tens a tua assinatura, sem teres necessidade de andar de um lado para o outro á procura dela. Todas as vezes que iniciares uma mensagem nova, irá aparecer a tua assinatura, só tens que começar a escrever e a tua assinatura irá descendo.

Entretanto irá aparecer um quadrado á volta da assinatura, para quem não gostar da ideia de ter um quadrado á volta da assinatura, basta fazer o seguinte: Vais a editar HTML no painel do blog e vais procurar este código: .post img. Onde tem um 1 no border, colocas um 0. E fazes guardar modelo. Ver blogue.

Inserir uma assinatura no final de cada postagem

2009-07-15T13:54:00.005+01:00

É muito giro ter a nossa assinatura no final de cada postagem. existem vários geradores de assinaturas, mas achei este bastante simples e com muita diversificação. Para verem melhor, cliquem nas imagens. Selecionei com uma bola em vermelho para verem o que tem que selecionar.

Iremos abrir este link http://www.mylivesignature.com/
Iremos clicar onde diz Click here to start
Escolhe-se a primeira opção Using the signature creation wizard
Escreve-se o nome pretendido
entretanto irão ter que escolher o tipo de letra, o tamanho, a cor e o slope, após cada escolha é clicar onde diz: next step.
até chegarem á página do site que vos irá pedir várias opções. escolhem Want to use this signature?

Escolhem a primeira opção de HTML
Voltam a escolher a primeira opção Generate a code for my handwritten signature
Copiam o código HTML e colam-no no bloco de nota.

Sempre que postarem uma mensagem, escolhem a opção editar HTML, na janela da mensagem e colam lá o código da assinatura.

Boas asinaturas

Volteiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii

2009-07-09T16:32:00.003+01:00

Rag doll

2 colunas

3 colunas

background: transparent;"/>

Desculpem

2009-07-06T13:50:00.002+01:00

<table border="1"><tbody><tr><td> INSERIR TEXTO AQUI </td></tr></tbody></table>

Temos esta opção também, muito fácil, onde podemos mudar a cor de fundo. Para mudarmos a cor de fundo basta irmos buscar o código da cor a "tipos de letra e cores" do blog e colocar onde está a vermelho.

<div style="border:1 solid #000000;background-" class=Apple-style-span>#ffcc66;margin:10px;padding:10px;">text here
</div>

...e com esta brincadeira, tens aqui 3 códigos diferentes para poderes brincar

Marquee

2009-06-28T14:22:00.007+01:00

Hihi, deves estar a pensar, mas que coisa é essa?!?!?!

eu passo a explicar "marquee" é o código que nos permite colocar um texto ou vários a moverem-se de um lado para o outro, assim:

Vamos a aprender a colocar um texto a fugir, LOL!

Para isso, é necessário colocar este código <marquee> no ínicio da frase, e colocar </marquee> no final da frase assim:

<marquee>Vamos a aprender a colocar um texto a fugir, LOL!</marquee>

A piada é que podes colocar em qualquer lado. Numa nova mensagem, basta que antes de publicares, vás a editar html (que está ao lado de redigir) e inseres o código.

Nas colunas laterais, basta escolheres uma miniaplicação de html/javascript e fazeres a mesma coisa.

É fácil, não é?

....mas não vamos ficar por aqui.

Alguns códigos podem ser adicionados ao comando tornando assim mais dinâmico:

1. behavior = “…”

–> scroll O texto fica passando na tela.
–> slide O texto passa e para.
–> alternate O texto fica indo de um lado para o outro.

como fica:

<marquee behavior=”scroll” >texto</marquee>

2. direction = “…”

–> down O texto entra de cima para baixo
–> left O texto entra à esquerda
–> right O texto entra à direita
–> up O texto entra de baixo para cima

como fica:

<marquee behavior=”scroll” direction=”down”>texto</marquee>

3. scrollamount = “…”

esse código determina velocidade, quanto menor o valor, mais devagar é a velocidade

como fica:

<marquee behavior=”scroll” scrollamount = “2″direction=”down”>texto</marquee>

4. Width = “…” e Height=”…”

–> width largura que terá o local do marquee
–> height altura que terá o local do marquee

como fica:

<marquee behavior=”scroll” scrollamount = “2″ direction=”down”width=”100″ height=”100″>texto</marquee>

Como reparaste, fui juntando códigos, com calma tudo se consegue.

Diverte-te

Introduzir motor de busca no teu blog

2009-06-28T00:37:00.007+01:00

Ora aqui vai uma dica interessante. Muitas vezes queremos procurar algo no blog e não encontramos, por isso deixo-vos

aqui um código para o efeito.

Queres colocar um motor de busca no teu blog como este?

então vamos ao á página de esquemas, clicamos em miniaplicação e escolhemos a opção HTML/Java Script e introduzimos este código.

Fazemos guardar e ver blog.

Como adquirir cores para o teu blog

2009-06-27T21:57:00.006+01:00

O Blogspot tem umas cores que podes utilizar nas tuas fontes, links e fundos, mas quando queres uma daquelas cores especiais para fazer pandã com o teu blog, já se torna um pouco difícil e por norma tens que ir a outros sites, para as encontrares. Existem muitos sites, mas este é bastante compatível com o blog e tenho a certeza que as cores funcionam.

Primeiro vais a este site: http://www.ctyme.com/colors.htm

Verás um pop-up assim:

De seguida, abre uma nova janela e entra no teu blog. Vai a Tipos de Letra e Cores, verás uma janela assim:

No círculo encontra-se o código da cor, colas aí o código da cor que escolheres entre os parenteses da cor que gostares. Tens que ter sempre este simbolo # á frente do código para funcionar.

Depois salva. Podes usar estes códigos para mudares o header (cabeçalho), os links, qualquer font, a cor do fundo....o que tu quiseres.

Diverte-te.

Como removeres as linhas das colunas laterais

2009-06-27T16:37:00.007+01:00

Vai para a página de esquemas do teu blog e clica em EDITAR HTML. Procura por este código:

sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

Modifica de 1px para 0px. Previsualiza, certifica-te que gostas de

ver e guarda.

Como removeres as linhas entre postagens

2009-06-27T16:23:00.007+01:00

Vai para a página de esquemas do teu blog e clica em EDITAR HTML. Faz scroll e procura este código:

.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.5em;
}

Modifica o 1px para 0px. Previsualiza e salva.

Passar um template de 2 colunas para 3 colunas

2009-06-27T15:46:00.007+01:00

Como passarmos a ter um template de 3 colunas.

Atenção: Antes de editares ou modificares o template, certifica-te que guardas o código html no bloco de notas.

Para começarmos, o mais fácil será modificarmos o nosso template para minima. Entramos no painel de esquema do blog e clicamos onde diz: Editar HTML

Agora, para quem nunca mexeu com HTML, não vou dizer que é dificil, mas é preciso

muita atenção, para não haver nenhum engano. Uma simples vírgula a mais ou a menos é o suficiente para não funcionar.

Agora vamos procurar esta secção no código HTML:

#sidebar-wrapper {
width: 220px; float: right; word-wrap:
break-word; /* fix for long text breaking sidebar float in IE */ overflow:
hidden; /* fix for long non-text content breaking IE sidebar float */ }

Copia esta secção e cola por baixo do código de cima. Vamos agora mudar os elementos, que eu coloquei em vermelho para o seguinte:

#left-sidebar-wrapper (this makes the css for this section unique) float: left

Vamos fazer um scroll para cima para encontrarmos este código:

#main-wrapper {width: 410px;

margin-left: 25px;

float:$startSide;

word-wrap:break-word; /* fix for long text breaking sidebar float in IE */overflow: hidden; /* fix for long non-text content breaking IE sidebar float */}

Acrescenta as palavras que estão em vermelho.

Agora vamos ajustar os números:

#outer-wrapper {

width: 880px;

margin:0 auto;

padding:10px; text-align:$startSide; font: $bodyfont;}

#main-wrapper {

width: 425px;

margin-left: 25px;

float: $startSide; word-wrap:break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */}

#sidebar-wrapper {

width: 200px;

float:$endSide;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */overflow:

hidden; /* fix for long non-text content breaking IE sidebar float */}

#left-sidebar-wrapper { width: 200px; float: left; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }

Agora com muito cuidado, vamos fazer scroll para baixo e vamos procurar este código:

Agora cola o seguinte código por cima deste:

Provavelmente quererás ajustar o Header (cabeçalho). Para isso iremos fazer scroll para cima, até encontrares o seguinte código.

#header-wrapper {

width:860px;

margin:0 auto 10px;

border:0px solid $bordercolor;}

#header-inner {

background-position: center;

margin-left: auto;

margin-right: auto;}

#header {

margin: 5px;

border: 0px solid $bordercolor;

text-align: center;

color:$pagetitlecolor;

Clica para salvar o template. Agora clica no tab de esquemas do blog. Terás que arrastar algumas das mini-aplicações para os lados. Clica salvar e ver blog. Neste momento já tens um blog de 3 colunas.

Alguma dúvida..........espero que se divirtam.

Centrar um widget

2 colunas

3 colunas

Red Wine - 3 colunas

2009-06-22T14:50:00.005+01:00

Apple

2009-06-22T14:42:00.006+01:00

2 colunas

3 colunas

Stripes

2009-06-22T14:23:00.006+01:00

2 colunas

3 colunas

Docuras - 3 colunas

2009-06-19T22:26:00.003+01:00

Como introduzir o código

2009-06-18T18:34:00.005+01:00

Existe muito boa gente que não sabe como inserir o código de um background no seu blog. Como acho que estamos aqui para aprender e ensinar, aqui vai o meu contributo. Em caso de dúvida, perguntem, pois terei todo o gosto em ajudar.

Em primeiro lugar é necessário que abram o painel de esquemas do blog e cliquem em ""adicionar mini-aplicação"

Escolhem a opção HTML/Javascript

e colam dentro da janelita o código que vos é fornecido. Caso não consigam copiar/colar o código, têm que o escrever. Após o código introduzido é só clicarem em "Guardar". Voltam a clicar em Guardar no painel de esquema do blog e clicam em "Ver blog".

O vosso background está inserido.

Espeo ter ajudado.

Beijinhos

Flower paper

2009-06-18T17:47:00.007+01:00

2 colunas

3 colunas

Pansy

2009-06-18T16:49:00.005+01:00

2 colunas

3 colunas

Flower Vintage - 3 colunas

2009-06-18T16:25:00.009+01:00