Neve no blog para esperar o Natal

Já que o Natal chegou e aqui abaixo da linha do Equador não neva, podemos ao menos ter a neve virtual em nossos bloguinhos. Para isso, copie o código abaixo e cole no HTML/Javascript. Cole o endereço da imagem de neve que quiser  (SALVE DAQUI) no local indicado e pronto. É só vestir o casacão de couro e assar no nosso verão brasileiro, kkkk

<script type="text/javascript">
endereco = "COLE AQUI O ENDEREÇO DE IMAGEM";
</script>

<script type='text/javascript'>
//<![CDATA[
// JavaScript Document
var snowsrc=window.parent.endereco
//how many snowflakes there will be (currently 12)
var no =40;
//How fast will the snow disappear (0 is never)
var hidesnowtime = 0;
//The height the snow will reach before it disappears ("windowheight" or "pageheight")
var snowdistance = "pageheight";
///////////////////////////////End of Settings///////////////////////////////////
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

function iecompattest()
{
  return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 800, doc_height = 600;

if (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();

for (i = 0; i < no; ++ i)
{
  dx[i] = 0;
  xp[i] = Math.random()*(doc_width-50);
  yp[i] = Math.random()*doc_height;
  am[i] = Math.random()*20;
  stx[i] = 0.02 + Math.random()/10;
  sty[i] = 0.7 + Math.random();
  if (ie4up||ns6up)
  {
      if (i == 0)
      {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://rftactical.darkbb.com/index.htm\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
      }
      else
      {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
      }
  }
}

function snowIE_NS6()
{
  doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
  doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
  for (i = 0; i < no; ++ i)
  {
      yp[i] += sty[i];
      if (yp[i] > doc_height-50)
      {
        xp[i] = Math.random()*(doc_width-am[i]-30);
        yp[i] = 0;
        stx[i] = 0.02 + Math.random()/10;
        sty[i] = 0.7 + Math.random();
      }
      dx[i] += stx[i];
      document.getElementById("dot"+i).style.top=yp[i]+"px";
      document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
  }
  snowtimer=setTimeout("snowIE_NS6()", 10);
}

function hidesnow()
{
  if (window.snowtimer) clearTimeout(snowtimer)
      for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}


if (ie4up||ns6up)
{
  snowIE_NS6();
  if (hidesnowtime>0)
      setTimeout("hidesnow()", hidesnowtime*1000)
}
document.write('<p style="text-align:center"></p>')

//]]>
</script>

AQUI algumas imagens de neve

»»Leia mais...

Backgrounds de Natal para seu blog

Mais backgrounds de natal para colocar em seu blog, Blogger ou Blogspot

VOLTAR

»»Leia mais...

Aumente seus visitantes transformando seus marcadores em Meta Tags

Com esse código a Google irá indexar os seus marcadores nos robos de busca fazendo aumentar seus visitantes.

Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo. Estas dicas se aplicam aos templates feitos até junho de 2010. Para reinstalar o antigo template clique AQUI

Vá até o HTML de seu blog, clique em "Expandir modelos de wideget" e encontre o seguinte trecho:


<b:includable id='main' var='top'>
  <!-- posts -->






 Abaixo dele cole o código abaixo.

<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
&lt;meta name=&quot;keywords&quot; content=&quot;<b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop>&quot; /&gt;
</b:if>
</b:loop>

»»Leia mais...

Hoje chat cam com o chargista Carlos Latuff

Hoje no chat da Rede Liberdade, vídeo conferência com o cartunista engajado, Carlos Latuff. As  23:00hs.

»»Leia mais...

Menu em abas efeito Jquery

Vá até o HTML de seu blog e antes de ]]></b:skin> cole o código abaixo.

DEMO

Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo. Estas dicas se aplicam aos templates feitos até junho de 2010. Para reinstalar o antigo template clique AQUI

/*Tab-Sidebar --------------------------------------------------*/
.widgets{
background:#fff;
float:left;
margin: 1px 0 10px 20px;
width:320px;}

ul.tabnav{
margin:0;
padding:0;
width:310px}

.tabnav li{
border: 1px solid #590100;
display:inline;
float:left;
list-style:none;
margin: 1px 1px 1px 1px;
padding: 2px 1px 0px 1px}

.tabnav li a{
background:#590100;
color:#fff;
display:block;
font-size:88%;
font-family:Arial, Tahoma, Verdana;
font-weight:bold;
margin:2px 2px 0 2px;
outline:none;
padding:4px 3px 1px 3px;
text-transform:uppercase}

.tabnav li a:hover,
.tabnav li a:active,
.tabnav li.ui-tabs-selected a{
background:#fff;
color:#333;
text-decoration:none}

.tabdiv{
border: 1px solid #590100;
background:#ffffff;
padding:0 0 0 5px;
margim: 0 0 0 20px;
}

.tabdiv h2{
display:none}

.tabdiv ul{
list-style:none;
padding:5px 0px}

.tabdiv li{
border-bottom:1px dashed #590100;
line-height:1.35em;
margin:2px 0 2px 0;
padding:0 0 2px 3px}

.tabdiv li a:link,
.tabdiv li a:visited{
overflow: hidden}

.tabdiv li a:hover {
text-decoration:none}

.ui-tabs-hide{
display:none}

Agora acima <div id='sidebar-wrapper'>  de cole o próximo código:

 <div class='widgets' id='tab-sidebar'>
<ul class='tabnav'>

<!--  ALTERE AQUI OS TÍTULOS DA SIDEBAR EM ABAS  -->
<li class='tab1'><a href='#tab1'>Destaques</a></li>
<li class='tab2'><a href='#tab2'>Comentários</a></li>
<li class='tab3'><a href='#tab3'>Arquivo</a></li>

</ul>

<div class='clear'/>
<div class='tabdiv' id='tab1'>
<b:section class='sidebar-tab' id='sidebar-tabs-1' preferred='yes'>
<b:widget id='PopularPosts11' locked='false' title='Postagens populares' type='PopularPosts'/>
</b:section><!-- /end sidebar-tabs-1 -->
</div>  <!-- /end tab1 -->

<div class='tabdiv' id='tab2'>
<b:section class='sidebar-tab' id='sidebar-tabs-2' preferred='yes'>
<b:widget id='Gadget11' locked='false' title='Recent Comments' type='Gadget'/>
</b:section> <!-- /end sidebar-tabs-2 -->
</div> <!-- /end tab2 -->

<div class='tabdiv' id='tab3'>
<b:section class='sidebar-tab' id='sidebar-tabs-3' preferred='yes'>
<b:widget id='BlogArchive2' locked='false' title='Arquivo do blog' type='BlogArchive'/>
</b:section> <!-- /end sidebar-tabs-3 -->
</div> <!-- /end tab3 -->
<div class='clear'/>
</div> <!-- /end tab-sidebar -->

Agora abaixo de: ]]></b:skin> cole o próximo código.

<script src='http://www.google.com/jsapi'/>
<script>
google.load(&quot;jquery&quot;, &quot;1.3.1&quot;);
google.load(&quot;jqueryui&quot;, &quot;1.5.3&quot;);
</script>
<script type='text/javascript'>
//<![CDATA[
// <!-- Tab Sidebar -->
$(document).ready(function() {
$('#tab-sidebar> ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' } });
});
//]]>
</script>

»»Leia mais...

Menu fotográfico

Coloque em seu blog um menu como ESTE em seu blog usando apenas CSS, sem hospedar script. Copie o código, cole no HTML/Javascript e faça as modificações necessárias.

DEMO

<style>
/* Menu-----------------------------------------------*/
#holder { width:750px;
 height:350px;
 position:relative;
 font-family:arial, sans-serif;
 border:0px solid #004479;
z-index:100;
}
#holder table {
border-collapse:collapse; margin:-1px;
}
#holder ul {
float:left; padding:0; margin:0; list-style:none;
}
#holder ul.sub {
margin-bottom:-4px;
}
#menuOuter li a.lv1-a {
background:blue; zoom:1;
}
#menuOuter li a.lv1-a:hover {
direction:ltr;
}

#holder ul.sub {
float:left;
}
#holder ul.sub ul {
position:absolute;
 left:-9999px;
top:180px;
}
#holder ul.sub li.sub-li a img {
display:block;
position:absolute;
left:-9999px;
border:0;
height:200px;
width:750px;
}

#holder ul.sub li.sub-li {
display:block;
float:left;
 width:150px;
height:240px;
}
#holder ul.sub li.sub-li a {
margin-top:200px;
width:110px;
display:block;
padding:0 20px;
height:40px;
line-height:40px;
color:#fff;
 text-decoration:none;
font-family:arial, sans-serif; font-size:14px;
}
#holder ul.sub li.sub-li a.a1 {
background:#cccccc;
}
#holder ul.sub li.sub-li a.a2 {
background:#808080;
}
#holder ul.sub li.sub-li a.a3 {
background:#404040;
}
#holder ul.sub li.sub-li a.a4 {
background:#373737;
}
#holder ul.sub li.sub-li a.a5 {
background:#000000;
}

#menuOuter li:hover ul.sub li.current a {
margin-top:200px;
height:40px;
}
#menuOuter li:hover ul.sub li.current ul {
left:-9999px;
}
#menuOuter li:hover ul.sub li.current a img {
left:-9999px;
}

#menuOuter a:hover ul.sub li.current a {
margin-top:200px;
height:40px;
}
#menuOuter a:hover ul.sub li.current ul {
left:-9999px;
}
#menuOuter a:hover ul.sub li.current a img {
left:-9999px;
}

#holder ul.sub li.sub-li:hover > a {
margin-top:0; height:350px;
}
#holder ul.sub li.sub-li a:hover {
margin-top:0;
height:350px;
}

#holder ul.sub li.current a {margin-top:0; height:350px;}
#holder ul.sub li.current a.a1 img {left:0; top:0; z-index:-1;}
#holder ul.sub li.current a.a2 img {left:-150px; top:0; z-index:-1;}
#holder ul.sub li.current a.a3 img {left:-300px; top:0; z-index:-1;}
#holder ul.sub li.current a.a4 img {left:-450px; top:0; z-index:-1;}
#holder ul.sub li.current a.a5 img {left:-600px; top:0; z-index:-1;}
#menuOuter li:hover ul.sub li.current:hover a {margin-top:0; height:350px;}
#menuOuter li:hover ul.sub li.current:hover ul {left:0;}
#menuOuter li:hover ul.sub li.current:hover ul li {float:left; height:15px; padding:0; margin:0;}
#menuOuter li:hover ul.sub li.current:hover ul li a {height:15px; line-height:15px; margin:0; padding:0 20px;}
#menuOuter li:hover ul.sub li.current:hover ul li a:hover {height:15px; line-height:15px; margin:0; padding:0 20px; text-decoration:underline;}
#menuOuter a:hover ul.sub li.current a:hover {margin-top:0; height:350px;}
#menuOuter a:hover ul.sub li.current a:hover ul {left:0;}
#menuOuter a:hover ul.sub li.current a:hover ul li {float:left; height:15px; padding:0; margin:0;}
#menuOuter a:hover ul.sub li.current a:hover ul li a {height:15px; line-height:15px; margin:0; padding:0 20px;}
#menuOuter a:hover ul.sub li.current a:hover ul li a:hover {height:15px; line-height:15px; margin:0; padding:0 20px; text-decoration:underline;}

#holder ul.sub li {position:relative;}
#holder ul.sub li.sub-li:hover ul {left:0; width:130px;}
#holder ul.sub li.sub-li:hover ul li {float:left; height:15px; padding:0; margin:0;}
#holder ul.sub li.sub-li:hover ul li a {height:15px; line-height:15px; margin:0; padding:0 20px; font-size:11px;}
#holder ul.sub li.sub-li:hover ul li a:hover {height:15px; line-height:15px; margin:0; padding:0 20px; text-decoration:underline;}
#holder ul.sub li.sub-li:hover a.a1 img {left:0; top:0; z-index:-1;}
#holder ul.sub li.sub-li:hover a.a2 img {left:-150px; top:0; z-index:-1;}
#holder ul.sub li.sub-li:hover a.a3 img {left:-300px; top:0; z-index:-1;}
#holder ul.sub li.sub-li:hover a.a4 img {left:-450px; top:0; z-index:-1;}
#holder ul.sub li.sub-li:hover a.a5 img {left:-600px; top:0; z-index:-1;}

#holder ul.sub li.sub-li a:hover ul {left:0; width:130px;}
#holder ul.sub li.sub-li a:hover ul li {float:left; height:15px; padding:0; margin:0;}
#holder ul.sub li.sub-li a:hover ul li a {height:15px; line-height:15px; margin:0; padding:0 20px; font-size:11px;}
#holder ul.sub li.sub-li a:hover ul li a:hover {height:15px; line-height:15px; margin:0; padding:0 20px; text-decoration:underline;}
#holder ul.sub li.sub-li a.a1:hover img {left:0; top:0; z-index:-1;}
#holder ul.sub li.sub-li a.a2:hover img {left:-150px; top:0; z-index:-1;}
#holder ul.sub li.sub-li a.a3:hover img {left:-300px; top:0; z-index:-1;}
#holder ul.sub li.sub-li a.a4:hover img {left:-450px; top:0; z-index:-1;}
#holder ul.sub li.sub-li a.a5:hover img {left:-600px; top:0; z-index:-1;}

#holder ul.sub li.current ul {left:0; width:130px;}
#holder ul.sub li.current ul li {float:left; height:15px; padding:0; margin:0;}
#holder ul.sub li.current ul li a {height:15px; line-height:15px; margin:0; padding:0 20px; font-size:11px;}

#holder ul.sub li span {display:block;position:absolute; top:240px; left:0; line-height:15px; width:130px; padding:10px; height:90px; z-index:-1; color:#fff; text-decoration:none; font-size:11px;}
#holder ul.sub li.p1 span {background:#cccccc;}
#holder ul.sub li.p2 span {background:#808080;}
#holder ul.sub li.p3 span {background:#404040;}
#holder ul.sub li.p4 span {background:#373737;}
#holder ul.sub li.p5 span {background:#000000;}
</style>

<div id='holder'>
<ul id='menuOuter'>
<li class='lv1-li'>
<!--[if lte IE 6]><a class="lv1-a" href="#url1"><table><tr><td><![endif]-->
<ul class='sub'>
<li class='sub-li p1'><a class='a1' href='#url'><img src=' ENDEREÇO DA IMAGEM 1'/><b>TÍTULO 1</b><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--> <ul>
<li><a href='#url'>LINK 1</a></li>
<li><a href='#url'>LINK 2</a></li>
<li><a href='#url'>LINK 3</a></li>
<li><a href='#url'>LINK 4</a></li>
<li><a href='#url'>LINK 5</a></li>
</ul>
<span>Escreva algo sobre a imagem 1</span>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class='sub-li p2'><a class='a2' href='#url'><img src='ENDEREÇO DA IMAGEM 2'/><b>TÍTULO 2</b><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href='#url'>LINK 6</a></li>
<li><a href='#url'>LINK 7</a></li>
<li><a href='#url'>LINK 8</a></li>
<li><a href='#url'>LINK 9</a></li>
<li><a href='#url'>LINK 10</a></li>
</ul>
<span>ESCREVA ALGO SOBRE A IMAGEM 2</span>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class='sub-li p3'><a class='a3' href='#url'><img src='ENDEREÇO DA IMAGEM  3'/><b>TÍTULO 3</b><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href='#url'>LINK 11</a></li>
<li><a href='#url'>LINK 12</a></li>
<li><a href='#url'>LINK 13</a></li>
<li><a href='#url'>LINK 14</a></li>
<li><a href='#url'>LINK 15</a></li>
</ul>
<span>ESCREVA ALGO SOBRE A IMAGEM 3</span>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class='sub-li p4'><a class='a4' href='#url'><img src='ENDEREÇO DA IMAGEM  4'/><b>TITULO 4</b><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href='#url'>LINK 16</a></li>
<li><a href='#url'>LINK 17</a></li>
<li><a href='#url'>LINK 18</a></li>
<li><a href='#url'>LINK 19</a></li>
<li><a href='#url'>LINK 20</a></li>
</ul>
<span>ESCREVA ALGO SOBRE A IMAGEM 4</span>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class='sub-li p5 current'><a class='a5' href='#url'><img src='ENDEREÇO DA IMAGEM  5'/><b>TITULO 5</b><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href='#url'>LINK 21</a></li>
<li><a href='#url'>LINK 22</a></li>
<li><a href='#url'>LINK 23</a></li>
<li><a href='#url'>LINK 24</a></li>
<li><a href='#url'>LINK 25</a></li>
</ul>
<span>ESCREVA ALGO SOBRE A IMAGEM 5</span>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
</div>

»»Leia mais...

Mudanças no blog

Mudanças no blog depois de um longo período dedicado à política. Layout novo para o Natal, retirei as postagens sobre política, não as deletei, apenas transferi para outro blog para não mais misturar os assuntos. Tenho alguns materiais para postar, devo postar semana que vem pois estou um pouco apertada de trabalho. Espero que gostem do clima natalino. Beijinhos.

»»Leia mais...

Template com 3 colunas abaixo da header

Demo/Pegar código

Template em 2 colunas, 3 colunas abaixo da header, menu tables, menu com efeito, breadcrumb...

»»Leia mais...

Moussaka

Ontem dia 28/10, foi aniversário do meu caçula e foi super divertido receber os parentes em casa. Fiz dois pratos simples, facéis, baratos, saborosos e que tanto adulto quanto crianças adoram: quibe e moussaka. Moussaka é um prato típico da Grécia, leva batata, queijo, beringela e carne moida. Uma delícia dos Deuses, vcs não fazem idéia. Experimentei a primeira vez a duas semanas atrás em uma visita que fiz a cidade de São Paulo, no restaurante Acrópolis. Consegui a receita do próprio restaurante e repasso a vocês.

   

 Na minha receita usei 3kgs de carne, 10 beringelas, 20 batatas grandes, 1 litro de leite, e ovos (só as gemas, por favor) 300gr de farinha, 2 litros de óleo, 400gr de manteiga, 3 vidros de molho de tomate.

Uma dica: o chef ensina a fritar com um dia de antecedência mas saiba que assim a berinjela e a batata perdem muito em volume (murcham), portanto, dobre a quantidade de batata e berinjela ou frite tudo no mesmo dia e seque com papel toalha.

O molho branco que vai por cima, empelota assim que vc joga o leite, resolvi este problema batendo no liquidificador.

»»Leia mais...