Cabana Blog - Seu Portal da Internet

Como Colocar Paginas numeradas no blog

2011-05-04T15:27:00.000-07:00

Vamos Lá :

1) Va no teu blog va em desing>editar Html e de um CRLT + F Para Localizar Alguma Tag e LOcalize a Tag

]]></b:skin> e cole o código abaixo antes dela:

.showpageNum a {

padding: 3px 8px;

margin:0 4px;

text-decoration: none;

border:1px solid #999;

-webkit-border-radius:3px;-moz-border-radius:3px;

background: #ddd;

}

.showpageOf {

margin:0 8px 0 0;

}

.showpageNum a:hover {

border:1px solid #888;

background: #ccc;

}

.showpagePoint {

color:#fff;

text-shadow:0 1px 2px #333;

padding: 3px 8px;

margin: 2px;

font-weight: 700;

-webkit-border-radius:3px;-moz-border-radius:3px;

border:1px solid #999;

background: #666;

text-decoration: none;

}

2) De um CRLT + F novamente e Preucure agora pela tag </body> E cole o código Abaixo :


<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Anterior';
var downPageWord ='Próximo';
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>


Depois Salve e visualize xD

Como Criar Paginas HTML !

2011-05-04T15:05:00.000-07:00

1° esse é o codigo da página


	<style type="text/css" media="screen">
	body{background:url(http://dl.dropbox.com/u/15868240/htmligs.png) repeat-x; margin: 0 auto; padding: 0; color: #ffffff; font: 11px Tahoma; text-align: left; cursor:default;}
	a { color: #ff6633; text-decoration: none; }
	a:hover; { color: #663399; text-decoration:underline; }
	</style>
	<title>Regras Do Xat ©</title>
	<link href='http://dl.dropbox.com/u/15868240/templatesbcreate/faviconzw.png' rel='shortcut icon'/><br /> <link href='http://dl.dropbox.com/u/15868240/templatesbcreate/faviconzw.png' rel='shortcut icon' type='image/png'/>
	<p align="left">
	</p>
	<center><div class="separator" style="clear: both; text-align: center;">
	<a href="http://dl.dropbox.com/u/23928249/regsa.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://dl.dropbox.com/u/23928249/regsa.png" /></a></div>
	</center>
	<br>
	<noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">
	</script>
	<div style="text-align: center;">
	<style type="text/css">
	b0dy {
	background-color: transparent; }
	a {
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	font-family:"Arial";
	}
	a:hover {
	color:#FF7575;
	text-decoration:none;
	border-bottom: 1px dashed #FF0000;
	}
	b0dy,th,tr {
	font-size:12px;
	color:#FFFFFF;
	font-family:"Arial"
	}
	input {
	font-size:12px;
	color:#000000;
	font-family:"Arial";
	border:1px solid #999;
	}
	select {
	font-size:12px;
	color:#000000;
	font-family:"Arial";
	border:1px solid #999;
	}
	.submit {
	font-size:12px;
	color:#CCCCCC;
	font-family:"Arial";
	border:1px solid #999;
	background-color:#333333;
	}

	.style1 {
	color: #990000;
	font-weight: bold;
	}
	.quote {
	font-family: "Arial";
	font-size: 12px;
	color: #FFFFFF;
	background-color: #000000;
	border: 1px solid #000000;
	padding: 7px;
	}
	input:hover {
	color: #666666;
	border:1px solid #000000;
	font-size:12px;
	background-color:#CCCCCC;
	}
	select:hover {
	color: #333333;
	border:1px solid #000000;
	font-size:12px;
	background-color:#CCCCCC;
	}
	</style><title>home</title><style type="text/css">
	b0dy,td,th {
	scrollbar-face-color:#3C3932;
	scrollbar-shadow-color:#1F1E1C;
	scrollbar-highlight-color:#1F1E1C;
	scrollbar-3dlight-color:#1A1917;
	scrollbar-darkshadow-color:#1F1E1C;
	scrollbar-track-color:#111110;
	scrollbar-arrow-color:#FF5400;
	}
	.style18 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #CAFF30;
	}
	</style></div>
	<div style="text-align: center;">
	<span style="font-size: large;"><b0dy oncontextmenu="return false" onselectstart="return false">
	<script>
	functlon botaodireito() {
	if (event.button==2) {
	}}
	d0cument.onmousedown=
	botaodireito
	d0cument.onmousedown=protegercodigo
	</script>


	</b0dy></span></div>
	<div style="color: red; text-align: center;">
	<table border="1" cellspacing="0" style="margin-left: auto; margin-right: auto; text-align: left; width: 800px;"><tbody>
	<tr> <td height="150"><div align="center">


	</b></span>
	<div align="center">
	<span style="font-size: large;"><b>Não Xingue! </b></span></div>
	<div align="center">
	<span style="font-size: large;"><b>Não Mande Links! </b></span></div>
	<div align="center">
	<span style="font-size: large;"><b>Se Algum Owner Ou Main Te Desrespeitar Favor Reportar Para O Email: mi_co_mania@hotmail.com Que Tomaremos Providencias!</b></span></div>
	<div align="center">
	<span style="font-size: large;"><b>Não Utilizar A Tecla "Caps Look" Pois Ela Atrapalha O Xat!</b></span></div>
	<div align="center">
	<span style="font-size: large;"><b>Evite Pornografias!</b></span></div>
	<div align="center">
	<span style="font-size: large;"><b>Ao Banir, Indique O Motivo!</b></span></div>
	<div align="center">
	<span style="font-size: large;"><b>Não Peça Cargos! </b></span></div>
	<div align="center">
	<span style="font-size: large;"><b>Não Traga Brigas Do Msn Ou De Outro Xat!</b></span></div>
	<div align="center">
	<span style="font-size: large;"><b>Nossas Regras São Simples, O Desrespeito A Qualquer Uma Delas Pode Ser Motivo Para Punições Que Pode Ser Desde Advertência Até Kick Ou Banimento!</b></span></div>
	<div align="center">
	<span style="font-size: large;"><b>Nosso principal objetivo é conheçer gente nova e fazer novos amigos e nos divertir. Se está aqui por qualquer outro motivo, nós sentimos muito, mas você está no lugar errado!</b></span></div>
	<div align="center">
	<span style="font-size: large;"><b>Se tiver algum problema com os owners, por favor, procure um dos nossos mains e explique o que aconteçeu. Eles terão o maior prazer em ajudar!</b></span></div>
	<div align="center">
	<span style="font-size: large;"><b>Seja bem vindo(a) e... Boa Diversão!</b></span></div>
	<span style="font-size: large;"><b>

	</b></span></div>
	</td> </tr>
	</tbody></table>
	<span style="font-size: large;">
	</span>
	<span style="font-size: large;">
	</span>
	<span style="font-size: large;">
	</span></div>
	<span style="font-size: large;">
	</span>
	<div style="text-align: center;">
	</div>


	<p align="left">
	</p>
	<center><a href="http://www.tutoriais.bcreate.net/" rel="nofollow" target="_blank"><img src="http://tutoriaisbcreate.webs.com/Banners/468x60c.jpg" border="0" alt="Bom Designer, Design , Dicas Tutorias Tudo Para Design!!" /></a></center>
	<!-- --><script type="text/javascript" src="http://images.webs.com/static/global/js/webs/usersites/escort.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script> 2° escolha um uploader (dropbox e webs) não se esqueça: para modificar use o Notepad e salve como Html dúvidas? Comente

Como Acelerar seu Firefox

2011-05-04T14:14:00.000-07:00

Bom galera, ae vai uma dica para acelerar um pouco o seu Firefox.

-Digite "about:config" na barra de endereço do Firefox.
-Faça as seguintes alterações:
-Mude o "network.http.pipelining" para "true"

-Mude o "network.http.proxy.pipelining" para "true"

-Mude o "network.http.pipelining.maxrequests" para 20 ou 30.

-Crie uma nova entrada ao clicar com o botão direito, selecione "New-> Integer".

O nome a ser colocado é "nglayout.initialpaint.delay" e o valor deve ser "0".

-Pronto, seu navegador Fire Fox está mais rápido!

Bom, assimilando essa outra dica de liberação dos 20% da banda que o Windows rouba pro sistema, sua internet vai fikar bem mais ágil.

Há um recurso no Windows XP, chamado "Agendador de pacotes QoS", que reserva 20% da banda disponível de rede e Internet para uso próprio.
Para desabilitá−lo é necessário estar logado como Administrador e executar os seguintespassos:

- Vá em Iniciar, Executar e digite gpedit.msc e pressione OK.

- Após isso, vá em Configuração do computador / Modelos Administrativos / Rede e selecione na janela da esquerda Agendador de pacotes QoS.

- Na janela da direita, dê duplo−clique em Limite de reserva de banda.

- Depois, vá na aba Configuração e selecione Ativado.

- Na linha Limitar % da banda, digite 0 (zero).

- Clique em Aplicar e em OK.

- Agora vá ao Painel de Controle /Conexões de Rede, clique com o botão direito na conexão existente e selecione Propriedades.

- Na aba Geral, habilite o Agendador de Pacotes QoS.

- Se já estiver habilitado, deixe−o assim. O último passo é reiniciar o computador. Se houver mais de um computador em rede.

- É preciso seguir este procedimento em todos para que haja um real benefício desta dica.

Para mim, que sou um mero usuário de internet discada ainda, essas dicas me aliviaram bem a largura da banda!

Espero ser útil a alguem!

Uma imagem para cada item da sidebar

2011-05-04T13:24:00.000-07:00

Vou ensinar colocar uma imagem diferente para cada título da sidebar. Após instalar na Sidebar as widgets (Elementos de Página, como listas de links, imagens, slide, etc,) vá em Editar HTML, e procure pelo trecho do código html da sidebar, onde estão os widgets que você colocou, como na imagem

Anote o nome de cada id dos widgets (sublinhado em vermelho) e acrescente no código CSS, acima de ]]></b:skin>:

#id do widget h2{background: url(link da imagem) center left no-repeat}

por exemplo:

#Image5 h2{background: url(link da imagem) center left; no-repeat}

para alinhar a imagem à direita, coloque center right. Se desejar usar uma cor e imagem diferente para cada título, basta:

#Image5 h2 {background: #ccc url(link da imagem 1) center left no-repeat}

#Image4 h2{background: #000 url(link da imagem 2) center left no-repeat}

Você pode posicionar as imagens de outras maneiras também:

top left, bottom left, top right, bottom right.

35 novas fontes para o seu blog!

2011-05-04T12:28:00.000-07:00

No final do mês passado, a querida Camila Fitz – funcionária do Google - anunciou no fórum do Blogger a chegada de 35 novas fontes no designer do modelo. Fui conferir e posso garantir que são lindas! Têm fontes com estilos mais antigos (retrô) e outras super modernas, para todos os gostos e temas.

Há alguns meses atrás, introduzimos Fontes da Web para o Blogger in Draft. Hoje, temos o prazer em anunciar, não somente as Fontes da Webpara TODOS os usuários do Blogger, mas também que adicionamos 35 fontes novas com um total agora de 77! Camila Fitz –funcionária do Google

Para acessá-las, é só clicar em design>designer do modelo e procurar pelas fontes: