<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Cria Blog &#187; colunas</title>
	<atom:link href="http://www.criablog.com.br/tag/colunas/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.criablog.com.br</link>
	<description>Ferramentas, Monetização, Templates, Blogspot, Wordpress</description>
	<lastBuildDate>Fri, 03 Sep 2010 20:05:12 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Colocar mais uma coluna no blog</title>
		<link>http://www.criablog.com.br/colocar-mais-uma-coluna-no-blog/</link>
		<comments>http://www.criablog.com.br/colocar-mais-uma-coluna-no-blog/#comments</comments>
		<pubDate>Mon, 18 Jan 2010 13:40:55 +0000</pubDate>
		<dc:creator>guto</dc:creator>
				<category><![CDATA[Blogspot]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Ferramentas]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[coluna]]></category>
		<category><![CDATA[colunas]]></category>

		<guid isPermaLink="false">http://www.criablog.com.br/?p=253</guid>
		<description><![CDATA[Para colocar mais uma colunas no blog, ou seja, fazer um blog com 3 colunas é um pouco complicado então antes de iniciar recomendamos salvar uma cópia do seu modelo como está antes das alterações. Para fazer isso entre na pagina editar html e clique no link baixar modelo completo, abrirá uma janela de download [...]]]></description>
			<content:encoded><![CDATA[<p>Para colocar mais uma colunas no blog, ou seja, fazer um blog com 3 colunas é um pouco complicado então antes de iniciar recomendamos salvar uma cópia do seu modelo como está antes das alterações. Para fazer isso entre na pagina editar html e clique no link baixar modelo completo, abrirá uma janela de download para você salvar seu modelo, veja aqui mais sobre backup do blog.<br />
Usamos como exemplo o modelo Mínima, então na pagina editar html procure por: #header-wrapper, #outer-wrapper e #footer nestas três partes você encontrará width:660px; troque esse valor por 980px. Agora no trecho depois de  #sidebar{&#8230;&#8230;..} coloque isso:</p>
<p>#newsidebar-wrapper {<br />
width: 170px;<br />
float: left;<br />
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */<br />
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */<br />
}</p>
<p>Repare se no trecho já existente #sidebar a parte float:&#8230;.; está com a palavra right, se não tiver altere pois dependendo disso as duas colunas podem ficar do mesmo lado do blog.</p>
<p>Até aqui colocar os estilos CSS que define a largura da nova coluna e aumentamos a largura total do blog. A seguir vamos colocar a coluna propriamente dita, localize:<br />
&lt;div id=&#8217;sidebar-wrapper&#8217;&gt;<br />
&lt;b:section class=&#8217;sidebar&#8217; id=&#8217;sidebar&#8217; preferred=&#8217;yes&#8217;&gt;</p>
<p>Logo depois dessa linha você verá os códigos dos gadgets que tem no seu blog, elas são mais ou menos assim:</p>
<p>&lt;b:widget id=&#8217;HTML2&#8242; locked=&#8217;false&#8217; title=&#8221; type=&#8217;HTML&#8217;/&gt;<br />
&lt;b:widget id=&#8217;Followers1&#8242; locked=&#8217;false&#8217; title=&#8217;Seguidores&#8217; type=&#8217;Followers&#8217;/&gt;<br />
&lt;b:widget id=&#8217;BlogArchive1&#8242; locked=&#8217;false&#8217; title=&#8217;Arquivo do blog&#8217; type=&#8217;BlogArchive&#8217;/&gt;</p>
<p>Copie qualquer uma delas e coloque no código abaixo da mesma maneira que fizemos:</p>
<p>&lt;div id=&#8217;newsidebar-wrapper&#8217;&gt;<br />
&lt;b:section class=&#8217;sidebar&#8217; id=&#8217;novabarra&#8217; preferred=&#8217;yes&#8217;&gt;<br />
&lt;b:widget id=&#8217;HTML2&#8242; locked=&#8217;false&#8217; title=&#8221; type=&#8217;HTML&#8217;/&gt;<br />
&lt;/b:section&gt;<br />
&lt;/div&gt;</p>
<p>Agora coloque isso antes de:<br />
&lt;div id=&#8217;main-wrapper&#8217;&gt;<br />
&lt;b:section class=&#8217;main&#8217;&#8230;..</p>
<p>Isso está poucas linhas acima de onde copiou o código. Preste atenção num detalhe muito importante, por exemplo, se copiou a linha &lt;b:widget id=&#8217;HTML2&#8242; locked=&#8217;false&#8217; title=&#8221; type=&#8217;HTML&#8217;/&gt; para colocar no código da nova coluna deve apagar de onde estava ou seja na verdade vamos mudá-lo de lugar e não deixar 2 iguais, se deixar os dois na hora de salvar não vai conseguir pois o blog mostrará conteúdo duplicado.</p>
<p>Agora é só visualizar o blog e se estiver tudo certo clique em salvar. Depois disso é só ir a pagina layout e arrastar os gadgets para a coluna que desejar e assim acabar de organizar o blog do jeito que gostar mais. Caso uma das colunas apareça no final do blog em vez de uma ao lado da outra tente diminuir um pouco a largura da coluna (170px) ou aumentar a largura total do blog (980px).</p>
<p><strong>Fonte: </strong>www.dicasparablogs.com.br</p>
]]></content:encoded>
			<wfw:commentRss>http://www.criablog.com.br/colocar-mais-uma-coluna-no-blog/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
