[ Blog do Shot ] » Crie e Personalize seu Blog » Dicas e Tutoriais em Geral

Um Brasileiro esta,

2011-06-18T07:34:00.000-07:00

Comunidade: "Um Brasileiro esta,"

http://www.orkut.com.br/Main#Community?cmm=115208725

Participa!! Fazendo Favor!! Obg!!

Brincadeiras e mais!! Divulguem de tdo lah!!

Minha Comunidade ;D

Redirecionando Blog

2010-11-12T03:10:00.000-08:00

As pessoas que tem mais de um blog às vezes depois de algum tempo querem parar de postar em um dos blogs, mas não querem deixar seus leitores abandonados, então alguns fazem uma postagem de despedida e deixam o link de seu novo blog, com isso alguns dos visitantes vão para esse novo blog, mas certamente perdemos visitas com isso. Tem um código de redirecionamento que transfere todas as visitas desse blog antigo para o novo blog. Você só precisa colocar o endereço da sua página onde está escrito seu site no código abaixo:

Para usar é só colocar o código pela página layout, adicionar gadget, html/javascript, e colocar em qualquer parte da página. E já está pronto, quando você entrar no blog será enviado automaticamente para o endereço que especificou no script acima. Uma sugestão se for usar essa idéia é modificar seu blog antigo para mostrar apenas uma postagem e retirar tudo mais que tiver nele, pois o código só funciona depois que for carregado e quando mais coisas tiverem no blog mais tempo irá demorar o redirecionamento.

Essa foi uma sugestão sobre o que fazer com esse código que envia os visitantes para outra página, mas é claro que você pode usar para outras coisas que imagine.

Criando BOT para XAT

2010-09-08T04:36:00.000-07:00

1º Acesse esse site: http://www.xattenger.com/admin-new/

2º Crie um Registro. OBS: tem que conter BOT no final. EX: EmersonBOT

3º Depois de Criado o Registro, Siga os Steps até Chegar no Formulário.

No Campo: Xat Account Login

Coloque a Conta que Você criou para o BOT

No Campo: Xat Account Password

Coloque a Senha da Conta do XAT

No Campo: Xat Group

Coloque o Nome do Grupo do seu XAT

No Campo: Home Page

Coloque a Casinha que o BOT terá

No Campo: Link of Imagem

Coloque a Foto que o BOT terá

4º Clique em CREATE e espere Carregar a Próxima Etapa.

5º Conecte seu BOT e pronto.

Clique em Customize para Editar umas Configurações do seu BOT

Clique em Editar para Mudar as Características do BOT

Créditos Blog do Shot: www.blogdoshot.com

Outro Xat no Mesmo Xat

2010-09-04T09:37:00.000-07:00

Aew gente, super simples, e que alguns não sabem, vou ensinar a colocar um xat no mesmo xat, resumindo, colocar um outro grupo no xat, para quem nao entendeu ainda vai ai a foto demostrando:

Para poder fazer isso basta ir em: Edit Your Chat ou Editar Seu Chat

Depois adicionar o nome do grupo que deseja colocar, meu exemplo: Amigos_Do_Emerson

Marque a caixinha na frente dele e Clique em OK. Pronto. Fácil Né?

Veja as Imagens logo Abaixo:

Créditos Blog do Shot: www.blogdoshot.com

Colocando Estatísticas Atualizado

2010-09-04T07:51:00.000-07:00

Aew galera muitos me pediram como colocar aquelas estatísticas exclusivas minhas

Resolvi então Fazer este Tutorial, Espero que Gostem.

O Download está logo abaixo, Aproveitem

So lembrando que Atualizei, está igual o meu agora 04/09/2010

Boa Sorte a Todos, Duvidas e Sugestões, www.blogdoshot.com

Caso não consiga colocar as estatísicas, entrar em contato.

blogdoshot@hotmail.com

Créditos Blog do Shot: www.blogdoshot.com

Novidade Blogger: Blogger in Draft

2010-09-02T08:05:00.000-07:00

O Blogger in Draft (“Rascunho do Blogger”, na tradução oficial) é uma versão especial do Blogger que permite que você utilize novos recursos que ainda estão sendo testados, antes de sua liberação oficial. É uma forma interessante para você testar os novos recursos e opinar sobre eles, para auxiliar no desenvolvimento do Blogger. Saiba neste artigo como acessá-lo e quais são as diferenças entre ele e o Blogger oficial.

Introdução

O Blogger in Draft é como um laboratório onde são testados os novos recursos do Blogger antes de sua liberação oficial. Sua interface é muito similar à versão oficial, possuindo alguns recursos adicionais. A intenção é manter os recursos em testes durante algum tempo e ouvir os usuários, para só então definir se a nova funcionalidade se tornará oficial.

É importante dizer que você pode testar o Blogger in Draft sem medo. Nada será alterado em seu blog e seus artigos serão publicados da mesma forma. Além disso, você pode voltar ao Blogger oficial a qualquer momento.

Como acessar

É muito simples acessar o Blogger in Draft. Basta acessar o site http://draft.blogger.com e informar o mesmo usuário e senha com que você acessa o Blogger oficial. Você será levado a uma página muito similar à oficial:

Nesta página inicial, a diferença é bem sutil. Somente o logotipo diferente e outros pequenos detalhes mostram que você não está no Blogger oficial.

Note que na parte superior da tela existe uma caixa “Tornar o Blogger em rascunho meu painel padrão”, que vem desmarcada. Se você a marcar, da próxima vez que acessar o endereço http://www.blogger.com, você será levado ao Blogger in Draft. Para desativar o recurso, basta desmarcar a caixa.

As diferenças

As novidades atuais do Blogger in Draft estão no editor de postagens do Blogger. Por isso, hoje ele é útil para quem faz seus posts diretamente no Blogger, e não utilizando uma ferramenta como o Windows Live Writer.

Abaixo está uma comparação entre os dois editores.

Blogger original

Blogger in Draft

Uma dica importante: se preferir, você já pode utilizar o novo editor mesmo no Blogger oficial, com quase todas as funcionalidades do Blogger in Draft. Para isso, basta entrar em “Configurações” / “Básico” e marcar a opção “Editor atualizado” em “Selecionar editor de postagem”.

Abaixo estão as funcionalidades que só existem na nova versão do Editor:

1. Mais opções para edição do texto

Foram adicionados botões na barra de ferramentas do editor, para permitir algumas operações que antes não eram possíveis.

Botões para desfazer e refazer as edições do texto.
Formatação de texto tachado (exemplo: ~~teste~~).
Formatação de cor de fundo do texto.
Botão para limpar toda a formatação feita no texto.

2. Inserção de imagens

A inserção de imagens foi melhorada em relação à versão original. Você pode inserir imagens diretamente dos álbuns do Picasa. Também pode escolher em qual álbum do Picasa a imagem será adicionada.

Após inserir a imagem, você escolherá as opções de tamanho e posição.

3. Inserção de vídeos

Agora é possível inserir vídeos de seu computador diretamente em seu artigo. Os vídeos serão hospedados no Blogger e no seu artigo será mostrado um visualizador.

4. “Jump Break”

Esta funcionalidade é fantástica. Trata-se de um “leia mais” dentro do próprio Blogger, sem a necessidade de utilizar hacks como o que mostrei no artigo Resumo da postagem na página principal.

Para separar o resumo do texto completo, basta clicar no botão “Inserir jump break” onde você deseja a separação.

O texto que será exibido em seu blog após o resumo pode ser alterado entrando em “Layout” / “Elementos de Página” e clicando em “Editar” nas “Postagens do Blog”. O texto desejado deve ser colocado na opção “Texto do link da página de postagem:”.

Dica importante: se você usa o Windows Live Writer, é só adicionar o código onde o texto será separado.

Caso o recurso não funcione corretamente, você pode ter que fazer uma alteração em seu template, conforme descrito em http://www.google.com/support/blogger/bin/answer.py?answer=154172.

5. Definir / traduzir

Outro recurso muito interessante, especialmente quando você tem dúvidas sobre o significado ou a tradução de palavras ou frases. Ao clicar nesse botão, você será levado para uma tela similar à abaixo:

Se você já tiver selecionado uma frase ou palavra em seu texto, ela será trazida automaticamente para essa tela. Se não, você pode digitar a palavra diretamente nessa tela. Nela, você pode encontrar definições da palavra ou traduzi-la para outros idiomas.

6. Adicionar local (barra inferior)

Ao clicar nessa opção, você pode selecionar um local no Google Maps relacionado ao seu artigo. Quando o artigo for publicado, haverá um link para aquele local. Ao clicar nele, será exibido Google Maps, posicionado naquele local.

7. Data e hora da postagem (“Opções de postagem” na barra inferior)

O Blogger oficial considera como horário da postagem o momento em que o artigo foi salvo pela primeira vez. No Blogger in Draft, é considerado o momento em que o artigo foi publicado, desde que essa opção esteja em “Automático”.

Mais informações

A melhor fonte de informações para o Blogger in Draft é o blog do produto: http://bloggerindraft.blogspot.com. Lá você conseguirá informações detalhadas sobre as funcionalidades já lançadas e poderá acompanhar a evolução do produto. O blog é o primeiro lugar onde as novas funcionalidades são divulgadas.

Créditos Blog do Shot: www.blogdoshot.com

Como Ganhar Dinheiro Na Web

2010-09-02T04:46:00.000-07:00

Ese e um tutorial Como ganhar dinhero na web pra compra xats e meuito +
os site ultilizado são
www.neobux.com
www.paypal.com

Créditos Blog do Shot: www.blogdoshot.com

Bloquiar alguem no seu blog por ip

2010-08-31T16:06:00.000-07:00

Esse script permite a você bloquear seu blog dependendo IP que o visitante utilize. Com isto você poderá evitar que ele seja acessado por spans e outros, bastando apenas saber o endereço de IP. Mas lembre-se de que isto só será útil se o visitante desejado possua um IP fixo pois IP(s) randômicos mudam toda vez que o computador é desligado, um exemplo disto seria na internet ADSL. Vamos ver abaixo como utilizar no seu blog:

Analisando o Script e Configurando

O script que utilizaremos foi criado por mim baseado em PHP e Java Script, pois o Blogger aceita Java Script mais não aceita PHP, veja o script abaixo:

<script charset='utf8_decode' src='http://noticiaeblog.mynetcko.com/noticiaeblog/arquivos/php/ip.php?ip1=189.83.194.45&amp;ip2=125.256.26&amp;retorno=www.noticiaeblog.com' type='text/javascript'/>

O trecho em vermelho referisse ao primeiro IP que deseja bloquear, o trecho em roxo referisse ao segundo IP que deseja bloquear e em azul é a URL que o usuário bloqueado deverá ser redirecionado. Lembre que os endereços IP são compostos de números e pontos e que a URL não deve conter “http://”. Veja um exemplo:
1_ Vamos supor que eu queira bloquear os seguintes IP(s), 189.256.965.2 e 156.255.258.2 . E que a minha URL de retorno é www.google.com .
2_ Veja como ficaria no script:

<script charset='utf8_decode' src='http://noticiaeblog.mynetcko.com/noticiaeblog/arquivos/php/ip.php?ip1=189.256.965.2&amp;ip2=156.255.258.2&amp;retorno=www.google.com' type='text/javascript'/>

3_ O script suporta até dez IP(s), bastando apenas seguir em ordem o código de IP

<script charset='utf8_decode' src='http://noticiaeblog.mynetcko.com/noticiaeblog/arquivos/php/ip.php?ip1=189.83.194.45&amp;ip2=125.256.26&amp;ip3=189.155.155.2&amp;ip4=154.256.258.2&amp;retorno=www.noticiaeblog.com' type='text/javascript'/>

Inserindo no Blogger

1) Acesse o painel do Blogger(blogger.com)
2) Vá em “Layout/Design”-> “Editar HTML”
3) Procure pelo seguinte trecho utilizando as teclas "CTRL" e "F":
<head> E abaixo dele insira o código já pronto.
4) Salve as alterações.

Inserindo em um HTML

É muito simples basta você substituir o caractere & por &, e inserir abaixo de <head>

Créditos Blog do Shot: www.blogdoshot.com

Postagens - Criar Portais

2010-08-25T05:56:00.000-07:00

Aew Galera estou Postando Aqui postagens para Portal de Criar Portais, que até hj nunk tinha visto em nenhum portal, muitos me pediram e ta ai, ja estou providenciando o de hackers tbm, bom proveito e deixe os creditos ^^. by Emerson

Créditos Blog do Shot: www.blogdoshot.com

Caixinha Link-me

2010-08-24T06:58:00.001-07:00

Tutorial super simples, e muitos me pedem o código da caixinha Link-me, basta colocar os seguintes dados

Pronto, copie o código e cole na sua postagem, dúvidas comentem

Créditos Blog do Shot: www.blogdoshot.com

Postagens - Anime

2010-08-21T11:55:00.000-07:00

Aew Galera estou Postando Aqui postagens para Portal de Anime, que até hj nunk tinha visto em nenhum portal, bom proveito e deixe os creditos ^^. by Emerson

Créditos Blog do Shot: www.blogdoshot.com

Fazendo JS

2010-08-21T10:08:00.000-07:00

Super simples, baixe o arquivo, substitua seusite pelo nome do seu site, abra ele, e modifique SEU SITE AQUI colocando a url do seu site, depois hospede ele.

<*script src='COLOCA AQUI O LINK HOSPEDADO' type='text/javascript'/*>

OBS: Tire os *

Créditos Blog do Shot: www.blogdoshot.com

Icones Sociais

2010-08-21T09:27:00.000-07:00

Importar Blog

2010-08-21T06:38:00.000-07:00

Olá Galera !

Venho trazer uma postagem aqui facil e que muita gente nao sabe se enrola!
como por postagens no seu portal !

1. Você baixa a postagem que voce Escolheu para seu portal.
2. Ao baixar voce entra no Seu Blogger.
3. Vai em configurações e clique em Importar Blog.
4. Preencha todos os campos e clique na caxinha para publicar as
postagens automaticamente, Assim as postagens serao Postada Altomaticamente.
5. Voce aperta Aceitar e em seguinte ele vai abrir nas postagens com os conteudos da postagens baixada !

Creditos: DSTV-Ne.tinho e Equipe BlogShot !

Antes e Depois

2010-08-17T06:02:00.000-07:00

Tutorial: Como Trocar o Atalho "POSTAGENS MAIS ANTIGAS NO BLOG" por Antes e Próximo.
1°Entre Em Seu Blog Entrem Em Design Depois Editar HTML e Depois Clique em Expandir
Modelos De Widgets.
2° Procure Pelo Código:
Substitua o Código Por Anterior ou o Que Você Quiser.
3°Procure Pelo Código:
Substitua Por Proximo.
4°Procure Pelo Código:
Substitua Por Inicio
5°Pronto Salve E Está Pronto.

Créditos Blog do Shot: www.blogdoshot.com

Deixar de Seguir um Blog

2010-08-17T05:03:00.000-07:00

Algumas pessoas perguntaram como deixar de seguir um blog, afinal com o passar de algum tempo vemos que aquele tipo de conteúdo não é tão interessante quanto pensamos ou por qualquer outro motivo não queremos ser seguidores de algum blog e não sabemos como parar de seguir um blog.

Existem vários jeito de fazer isso você pode entrar no painel do Blogger, vá até a lista de blogs que está seguindo e clique em administrar.

Você verá uma lista com os blogs que segue do lado direito clique no link configurações do blog que deseja parar de seguir, talvez seja necessário fazer login novamente, depois disso você verá essa imagem.

Então só clique no link para de seguir e já está pronto, agora o blog não aparecerá mais na sua lista de blogs que está seguindo.

Créditos Blog do Shot: www.blogdoshot.com

Backup Postagens

2010-08-14T05:35:00.000-07:00

Vá na área de administração de seu blog e em Configurações selecione Exportar Blog. Selecione a pasta onde deseja salvar, de um nome sugestivo para o template e clique em ok. Quando precisar restaurar as postagens basta clicar em Importar Blog, selecionar a pasta onde o backup se encontra guardado e clicar em Importar Blog.

Créditos Blog do Shot: www.blogdoshot.com

Backup Template

2010-08-14T04:33:00.000-07:00

Vá na área de administração de seu blog e em Design selecione Editar HTML. Baixar modelo completo. Selecione a pasta onde deseja salvar, de um nome sugestivo para o template e clique em ok. Quando precisar restaurar esse template basta clicar em Arquivo, selecionar a pasta onde o template se encontra guardado e clicar em Fazer upload.

Créditos Blog do Shot: www.blogdoshot.com

Últimos Posts

2010-08-13T14:14:00.001-07:00

Se você quer colocar uma relação dos últimos posts publicados no blog, basta acessar o Layout do seu blog e clicar em “adicionar um elemento de página”, selecione Feed e coloque no campo de URL a URL do feeds de seu blog, clique em continuar e mude o nome para Últimos Posts ou outro nome que quiser. Agora você pode deixar na barra lateral, em cima dos posts ou onde achar melhor para que a relação entre visitantes e páginas lidas aumente.

Você pode fazer o mesmo procedimento para os últimos comentários. Para isso basta ir no blog e copiar o link de “Assinar: Postagens” mudar o nome do campo para algo como “Últimos Comentários” e os comentários aparecerão na barra lateral ou onde quiser no seu blog.

Créditos Blog do Shot: www.blogdoshot.com

Adicionando Elementos

2010-08-13T09:09:00.000-07:00

Agora que já configuramos nosso blog, vamos partir para o Layout. Clique em Elementos da Página e vamos colocar alguns gadgets como mostrado abaixo na figura.

Clique em Gadget e escolha um dos que estão disponíveis. Nesse primeiro momento vou começar colocando um contador de visitas no blog, afinal de contas o que adianta construir um blog e não saber se tem alguém visitando ele não é mesmo? Vou utilizar para isso o Histats.com.

Como o contador possui o código em html vou utilizar o Gadget html/javascript. Na caixa que se abre eu vou colar o código copiado do Histats, dar um título para o Gadget (estatísticas) e pronto basta salvar e conferir o resultado no blog.

Agora com licença que vou colocar outros Gadgets no blog. Aproveite para fazer o mesmo e depois comece a escrever pois a sua estrutura já está pronta.

Créditos Blog do Shot: www.blogdoshot.com

Aumentando Visitas

2010-08-13T07:48:00.000-07:00

Você, enquanto blogueiro, precisa sempre buscar maneiras de trazer mais visitantes para seu blog. Escrever bons textos, divulgá-los nas blogs são as três regras básicas que você precisa conhecer e dominar.

Hoje vou abordar o ato de comentar em outros blogs. Para comentar em outros blogs e ganhar visitantes com esse comentário você precisa entender do assunto que está sendo abordado no post, escrever com calma, não ser agressivo ou arrogante e comentar com OpenID.

Mas o que é OpenID?

É um sistema utilizado para identificar um usuário por uma URL. Em sites que suportam o OpenID não é necessário realizar cadastros ou criar contas, basta digitar seu OpenID e pronto, você está identificado. Alguns sites que estão integrados ao OpenID são Sapo (Portugal), Yahoo, Google (Blogger também), Windows Live, CNN, Wikispaces, Technorati, LiveJournal (criador do serviço), Wordpress.com, SourceForge.net, entre muitos outros e a lista só faz crescer.

Como utilizar o OpenID no Blogger?

Para utilzar o OpenID no Blogger acesse sua área administrativa - Configurações - Comentários e no tipo de comentário escolha Qualquer um ou Usuários registrados para que a opção OpenID seja mostrada nos comentários como na imagem abaixo.

Como ganhar visitantes com meus comentários?

Sempre que for comentar em outros blogs, evite utilizar a sua conta do Google ou o perfil do Blogger, utilize o OpenID. Selecione ele na lista e digite a url completa de seu blog, inclusive o http:// e pronto. Sempre que alguém se interessar por conhecer quem é você nesse outro blog bastará ele clicar no nome de seu blog (que substituirá seu nome no comentário) e será direcionado para seu blog.

Créditos Blog do Shot: www.blogdoshot.com

Template Aprendiz MuOnline

2010-08-13T07:20:00.000-07:00

Créditos Blog do Shot: www.blogdoshot.com

Configurações Blogger

2010-08-13T07:17:00.000-07:00

Agora que você já sabe como criar um blog no Blogger vamos fazer as primeiras configurações no seu blog antes de começar a publicar e divulgar seus posts. Abra o painel de controle do blog, faça seu login e entre na aba Configurações.

Básico

Na primeira aba você pode colocar o título do blog, ou editar, a descrição, entre outras configurações importantes. Verifique o que é importante para seu blog e clique em salvar configurações.

Publicação

Na aba publicação você pode alterar a url de seu blog (não é recomendado, pois não poderá voltar atrás depois).

Formatação

Aqui você irá definir a formatação de seu blog. Entre outras configurações importantes você pode definir o número de posts na página principal, formato de data, entre outros.

Comentários

Nessa aba você define se quer comentários ou não e como eles irão aparecer nos posts.Você ainda pode, e deve, colocar uma mensagem no formulário de comentário. Uma funcionalidade muito importante é a moderação de comentários, decida se você irá ou não moderar os comentários. A qualquer momento você poderá desfazer essa configuração. Coloque um e-mail válido para receber os avisos de comentário e clique em salvar configurações.

Arquivamento

Aqui existem apenas duas configurações a se fazer. No padrão a sequência de arquivamente vem Mensal e as páginas de postagem estão ativadas, ou seja, cada post será aberto em uma página única. Recomendo que deixe como está.

Site Feed

Vamos agora definir como serão mostrados seus feeds para seus assinantes. Vamos as configurações, primeiro clique em Alternar para Modo Avançado. Nas três primeiras configurações você irá definir se quer ter um feed, se quer disponibilizar apenas um resumo ou completo. Isso é muito pessoal, eu vou deixar os meus como resumo (sinopse).

Em URL de redirecionamento não coloque nada por enquanto. Em outro post estarei falando sobre o Feedburner e como criar uma conta nesse serviço. Ai utilizaremos esse espaço. O espaço postar rodapé do feed também iremos deixar em branco por enquanto.

E-mail

Em endereço de BlogSend você pode colocar até 10 e-mails separados por vírgula. Toda vez que você postar será enviado o post para esses e-mails. Eu vou deixar em branco, pois considero isso uma forma de propagar spam, afinal se alguém quiser ser avisado de um novo post em seu blog basta se cadastrar nos feeds.

O Blogger permite que você publique seus posts por e-mail, ou seja, você pode enviar para um e-mail que você define aqui em Email Post Adress. Não irei utilizar, mas se você quiser basta criar o e-mail preenchendo o campo que está em branco, definir se quer publicar imediatamente ou salvar como rascunho para revisar e clicar em salvar configurações. Agora basta enviar o post para esse e-mail e ele será publicado.

OpenID

Leia o artigo Como aumentar as visitas de seu blog com o OpenID.

Permissões

Nessa configuração você pode convidar um novo autor para seu blog. Basta clicar em adicionar autores e colocar o e-mail da pessoa que quer convidar e clicar em convidar. Assim que ele aceitar o convite você pode lhe dar as permissões que quiser. A outra configuração possível é quem pode ler o blog, por padrão são todos, mas você pode definir para somente os autores ou pessoas que quiser tenham acesso a esse blog, eu vou deixar o padrão é lógico.

Conclusão

Com isso suas configurações estão prontas, agora podemos começar a mexer no layout do blog. Colocar alguns widgets, links, entre outros componentes necessários para a usabilidade do blog. Até a próxima e qualquer dúvida utilize o formulário de comentários.

Créditos Blog do Shot: www.blogdoshot.com

Camuflando em XAT

2010-08-13T05:47:00.000-07:00

OBS: só serve pra Main Owner e Owner, basta colocar $ na frente do Nick

Observe a imagem, tutorial simples e facil, mantenha os créditos

Créditos Blog do Shot: www.blogdoshot.com

Adicionando Colunas

2010-08-13T05:32:00.000-07:00

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 410px;
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 */
}

#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 */
}

Onde Outer-Wrapper é a maior DIV do template e contém todas as outras (header, main, sidebar, footer) Main-wrapper é a coluna do post e sidebar-wrapper é a coluna lateral (perfil).

Para adicionar uma nova coluna oposta a sidebar, é necessário primeiro criar espaço para ela dentro de Outer-wrapper. No template Mínima a largura de Outer-Wrapper (a largura de uma coluna está em width) é de 660px e a soma da largura de main-wrapper (410px) e sidebar-wrapper(220px) dá um total de 630px Veja a imagem abaixo:

Então, para acrescentar uma nova coluna é preciso aumentar o espaço, a largura de Outer-Wrapper.

Para acrescentar uma nova sidebar, copie o código abaixo e acrescente logo após os códigos para sidebar-wrapper:

#newsidebar-wrapper {
margin-left: 0px;
width: 220px;
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 */
}

Note que sidebar-wrapper tem float:right (flutua à direita) e newsidebar-wrapper tem que ter float:left (flutuação à esquerda).

Lembre-se: a soma da largura do post mais as duas colunas laterais tem que ser menor do que o valor width de Outer-Wrapper. Não esqueça de somar bordas e o espaçamento que talvez você deseje que tenha entre as colunas.

Agora desça a página até encontrar esta parte do código (HTML):

e cole imediatamente ANTES este:

Importante: No HTML os elementos (DIVs) precisam ser dispostos na ordem estabelecida no CSS. Ou seja, se Newsidebar tem float: left; (flutuação à esquerda) deve ser colocado no HTML antes da DIV Main-Wrapper, ficando assim:

Créditos Blog do Shot: www.blogdoshot.com