domingo, 13 de fevereiro de 2011

Como Colocar um Calendário no Blog

Copie esse código e cole no Design>Gadget>HTML/Java Script

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var day_of_week = new Array('Dom','Seg','Ter','Qua','Qui','Sex','Sab');
var month_of_year = new Array('Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro');
var Calendar = new Date();
var year = Calendar.getYear();     // Retorna o ano
var month = Calendar.getMonth();    // Retorna mes (0-11)
var today = Calendar.getDate();    // Retorna dias (1-31)
var weekday = Calendar.getDay();    // Retorna dias (1-31)
var DAYS_OF_WEEK = 7;    // "constant" para o numero de dias na semana
var DAYS_OF_MONTH = 31;    // "constant" para o numero de dias no mes
var cal;    // Usado para imprimir na tela
Calendar.setDate(1);    // Comecar o calendario no dia '1'
Calendar.setMonth(month);    // Comecar o calendario com o mes atual

var TR_start = '<TR>';
var TR_end = '</TR>';
var highlight_start = '<TD WIDTH="30"><TABLE CELLSPACING=0 BORDER=1 BGCOLOR=DEDEFF BORDERCOLOR=CCCCCC><TR><TD WIDTH=20><B><CENTER>';
var highlight_end   = '</CENTER></TD></TR></TABLE></B>';
var TD_start = '<TD WIDTH="30"><CENTER>';
var TD_end = '</CENTER></TD>';
cal =  '<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 BORDERCOLOR=BBBBBB><TR><TD>';
cal += '<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=2>' + TR_start;
cal += '<TD COLSPAN="' + DAYS_OF_WEEK + '" BGCOLOR="#EFEFEF"><CENTER><B>';
cal += month_of_year[month]  + '   ' + year + '</B>' + TD_end + TR_end;
cal += TR_start;
for(index=0; index < DAYS_OF_WEEK; index++)
{
if(weekday == index)
cal += TD_start + '<B>' + day_of_week[index] + '</B>' + TD_end;
else
cal += TD_start + day_of_week[index] + TD_end;
}
cal += TD_end + TR_end;
cal += TR_start;
for(index=0; index < Calendar.getDay(); index++)
cal += TD_start + '  ' + TD_end;
Postado por Julianni Cardoso às 13.2.11 0 comentários
Marcadores:

Como Colocar o Pássaro do Twitter no seu Blog

Copie esse código e cole no Design>Gadget>HTML/Java Script

<script src='http://oloblogger.googlecode.com/files/tripleflap.js' type='text/javascript'></script>
  <script type='text/javascript'>
  //<![CDATA[
    var birdSprite="http://blogando-com-facilidade-codes.googlecode.com/files/Passarinho%20do%20Twitter%20%7BBcF%20image%7D.png";
    var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
    var twitterAccount = "http://twitter.com/SEU TWITTER AKI";
    var tweetThisText = "TWEET ME: <data:post.url/>";
    tripleflapInit();
  //]]>
  </script>

Boa Sorte !!
Postado por Julianni Cardoso às 13.2.11 0 comentários
Marcadores:

Como Colocar Banner de Parceria Rolante

Copie esse Código e cole no seu blog
Design>Gadget>HTML/Java Script

<marquee heigth="300" direction="up" behavior="scroll widht=" onmouseover="this.stop() " onmouseout="this.start()" scrollamount="1">


e cole esse código
e embaixo do código coloque o Link do seu Parceiro.
Postado por Julianni Cardoso às 13.2.11 0 comentários
Marcadores:

segunda-feira, 7 de fevereiro de 2011

Como Colocar Postagens em Destaque no Blog

Copie esse código

Adicionar Antes De : ]]></b:skin>

#publicidade-header{
clear:both;
width:880px;
height:99px;
background:url(https://dl.dropbox.com/u/2936260/Imagens/em%20destaque.png) no-repeat;
margin:10px 0px 10px 0px;
padding:17px 45px 15px 65px
}
================================================================================================
Adicionar depois de ]]></b:skin>

<script src='http://danielfariaptu.webs.com/js/jquery.js' type='text/javascript'/>
<script src='http://danielfariaptu.webs.com/js/jquery.flexislider.js' type='text/javascript'/>
<link href='http://danielfariaptu.webs.com/js/style.css' rel='stylesheet' type='text/css'/>

================================================================================================

<center><div id='publicidade-header'>
<div id='slider'>
<div id='imageloader'>
<img src='http://dl.dropbox.com/u/2936260/Imagens/ajax-loader.gif'/>
</div>
<a href='LINK REFERENTE A POSTAGEM' title='NOME DA POSTAGEM'><img src='URL DA IMAGEM'/></a>
<a href='LINK REFERENTE A POSTAGEM' title='NOME DA POSTAGEM'><img src='URL DA IMAGEM'/></a>
<a href='LINK REFERENTE A POSTAGEM' title='NOME DA POSTAGEM'><img src='URL DA IMAGEM'/></a>
<a href='LINK REFERENTE A POSTAGEM' title='NOME DA POSTAGEM'><img src='URL DA IMAGEM'/></a>
<a href='LINK REFERENTE A POSTAGEM' title='NOME DA POSTAGEM'><img src='URL DA IMAGEM'/></a>
<a href='LINK REFERENTE A POSTAGEM' title='NOME DA POSTAGEM'><img src='URL DA IMAGEM'/></a>
<a href='LINK REFERENTE A POSTAGEM' title='NOME DA POSTAGEM'><img src='URL DA IMAGEM'/></a>
<a href='LINK REFERENTE A POSTAGEM' title='NOME DA POSTAGEM'><img src='URL DA IMAGEM'/></a>
</div>
</div></center>

Modifique o que se pede acima e cole no Design>Gadgets> HTML/Java Script
Cole e Salve e Pronto!!

Ahh!! o URL da Imagem vc pode pegar no ImagerShack ou outro Site de imagens e Cole o Direct Link onde se pede.
Postado por Julianni Cardoso às 7.2.11 4 comentários
Marcadores:

Como Colocar Sua Própria Publicidade no Blog

Copie o Código abaixo e coloque no Design>Editar HTML e aperte CTRL+F e Adicione antes de
]]></b:skin>
===========================================================================================================================
/*pub*/
.banner468 {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxm3tIJjyRBAv1ZiIXoHkGmExzo7tmlYSX7V0vi_WdsryiSeftAvsueXPPXvdUziYyn5JKNcG3hJNTHHHFMUeehG56iVUHulstgKzU6OoxtManLcrxqkjOX6RXulWOs-vp2e42IeNiC8g/) no-repeat;
height:76px;
width:475px;
margin:auto;
padding:19px 0 0 10px;
}
.banner468 img {
border:none;
}
===========================================================================================================================
ADICIONAR ENTRE <b:section class='main'
<div class='banner468'><a href='URL DO SITE OU BLOG' target='_blank'><img alt='Anuncie aqui!' border='0' src='URL DO FUNDO DA PUBLICIDADE></a></div>

o URL do Fundo vc pode usar cores ou fazer Upload de uma imagem e pegar o Direct Link dela
e Salve o modelo e se quiser Visualize para ver se ficou bom.
Postado por Julianni Cardoso às 7.2.11 0 comentários
Marcadores:

Como Colocar "Termos de Uso" no Seu Blog ou Site

Primeiro Copie esse código

<center>
- Todos os links e arquivos que se encontram no site, estão hospedados na própria Internet, somente indicamos onde se encontra, nao hospedamos nenhum CD ou programas que seja de distribuição ilegal.
- Qualquer arquivo protegido por algum tipo de lei deve permanecer, no máximo, 24 horas em seu computador.
- Eles podem ser baixados apenas para teste, devendo o usuário apagá-lo ou compra-lo após 24 horas.
- A aquisição desses arquivos pela internet é de única e exclusiva responsabilidade do usuário.
- Os donos, webmasters e qualquer outra pessoa que tenha relacionamento com a produção do site não tem responsabilidade alguma sobre os arquivos que o usuário venha a baixar e para que ira utiliza-los.

<center><img alt="Eu Aceito os Termos!" src="http://i43.tinypic.com/21opm37.jpg" border="0" /></center> <center><a href="http://www.google.com.br/" rel="nofollow"><img src="http://img134.imageshack.us/img134/1893/21opm37copy.png" />

Se quiser mude alguma coisa

agora vá no seu Blog em Design> Gadgets e HTML/Java Script
e cole esse Código e Salve
Postado por Julianni Cardoso às 7.2.11 0 comentários
Marcadores:

Como Colocar Menu Espansivel no Blog

Vá em Design>Editar HTML e
Copie esse codigo antes da tag </head>
================================================================================================================================================================================================================================================================================

<style type='text/css'>.texthidden {display:inline}.shown {display:block}</style><script type='text/javascript'>document.write(&#39;<style>.texthidden {display:none} </style>&#39;);</script><script type='text/Javascript'>function expandcollapse (postid) {whichpost = document.getElementById(postid);if (whichpost.className==&quot;shown&quot;) {whichpost.className=&quot;texthidden&quot;;}else {whichpost.className=&quot;shown&quot;;}}</script>
<style type='text/css'>
#dolphincontainer{position:relative;height:43px;color:#f06214;background:#ffffff;
width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;}
#dolphinnav{position:relative;height:34px;font-size:12px;text-transform:uppercase;
font-weight:bold;background:#F06214 url() repeat-x bottom left;
padding:0 0 0 20px;}
#dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#dolphinnav ul li{display:block;float:left;margin:0 1px;}
#dolphinnav ul li a{display:block;float:left;color:#ffffff;text-decoration:none;
padding:0 0 0 20px;height:33px;}
#dolphinnav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#dolphinnav ul li a:hover{color:#000000;
background:transparent url() repeat-x bottom left;}
#dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{color:#FCD9B6;
background:#ffffff url() no-repeat top left;line-height:275%;}
#dolphinnav ul li a.current span{display:block;padding:0 18px 0 0;width:auto;
background:#805E5E url() no-repeat top right;height:33px;}
</style>

================================================================================================================================================================================================================================================================================

3ºVá em elementos de pagina ,Adicionar um gadget ,HTML/JavaScript Adicionar agora copie esse codigo e modifique ao seu gosto:
================================================================================================================================================================================================================================================================================
<center><a href="javascript:void(0);" onclick="expandcollapse('favoritos2')"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUSu5jrDiQ6qYcn0hYhyd_bM0bPd_vdiLaJAsTsEkurzSV3Z30ByyXTYpIMuNs2ZXRlt3GSi-2bnROeym38YuswJoNAAXb7TB10xh7vqcXVNWfGW0MuC5k3q0itf-P_p-932cwhg5hOxI/s1600/categorias.png" /></a></center>
<ul id="favoritos2" class="texthidden">
<li>
<a dir="ltr" href="LINK DA SUA POSTAGEM AQUI">NOME DA CATEGORIA</a>
</li>
<li>
<a dir="ltr" href="LINK DA SUA POSTAGEM AQUI">NOME DA CATEGORIA</a>
</li>
<li>
<a dir="ltr" href="LINK DA SUA POSTAGEM AQUI">NOME DA CATEGORIA</a>
</li>
<li>
<a dir="ltr" href="LINK DA SUA POSTAGEM AQUI">NOME DA CATEGORIA</a>
</li>
<li>
<a dir="ltr" href="LINK DA SUA POSTAGEM AQUI">NOME DA CATEGORIA</a>
</li>
</ul>

================================================================================================================================================================================================================================================================================
Postado por Julianni Cardoso às 7.2.11 1 comentários
Marcadores:
Assinar: Postagens (Atom)