Tradutor do Blogue
<style type="text/css">
<!--
.bandtradu img{padding: 3px;display:inline}
-->
</style>
<script type="text/javascript">
endereco = encodeURIComponent(location.href)
</script>
<div style="text-align: center" class="bandtradu">
<script src="http://www.acessoriosparablogs.com.br/scripts/tradutor.js" type="text/javascript"></script></div>
.......................................................................................................................
Criar Menu jump:
<form name="form2" id="form2">
<select name="jumpMenu2" id="jumpMenu2" onchange="window.open(this.value)">
<option>menu</option>
<option value="http://endereço.blogspot.com">Nome do Menu</option>
</select>
</form>
......................................................................................................................
Criar Frames (Molduras):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"><HTML><HEAD><TITLE>Documento do conjunto de molduras</TITLE></HEAD><FRAMESET cols="33%,33%,33%"> <FRAMESET rows="*,200"> <FRAME src="conteúdos_da_moldura1.html"> <FRAME src="conteúdos_da_moldura2.gif"> </FRAMESET> <FRAME src="conteúdos_da_moldura3.html"> <FRAME src="conteúdos_da_moldura4.html"></FRAMESET></HTML
.......................................................................................................................
Criar um Widget com imagens das últimas postagens:
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "Comentários";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = http://SEU_BLOG.blogspot.com/;
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript">
</script>
- Para modificar o widget:
BoxWidth - Largura do widget;
cellspacing - Espaço entre os células;
borderColor - Cor do fundo do widget;
thumbHeight - Largura e altura da imagem;
fntsize -Tamanho da fonte do título;
acolor - Cor do título;
aBold - Você quer títulos em negrito? (Use true para colocar e false para retirar);
numposts - Quantas postagens você quer mostrar? ;
home_page: URL do seu blog.
text - Texto usado para marcar número de comentários em cada post.
.......................................................................................................................
Criar efeito Lightbox
<style type="text/css"><!--#lightbox{background-color:#eee;padding: 10px;border: 2px solid #000000;}
#lightboxCaption{font-size: 0.8em;padding-top: 0.4em;}#lightbox img{ border: none; }
#overlay img{ border: none; }
#overlay{background-image: url(http://img534.imageshack.us/img534/6039/overlayo.png);}
* html #overlay{
background-color: #333;background-color: transparent;background-image: url(http://img43.imageshack.us/img43/3623/fundomg.gif);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://img179.imageshack.us/img179/5197/loading.gif", sizingMethod="scale");}-->
</style>
<script type="text/javascript" src="http://acessoriosparablogs.com.br/scripts/lightbox.js"></script>
<a href="imagem em destaque" rel="lightbox" title="minha legenda">imagem ou texto</a>
........................................................................................................................
Fazer e colocar botões
.botao a{text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
background-color: #F2DBB9;
background-image: url(http://img10.imageshack.us/img10/5389/overuar.jpg);
width: 210px;
text-indent: 5px;
height: 30px;
display: block;
line-height: 30px;
font-size: 12pt;
}
.botao a:hover{
color: #000099;
background-color: #cbe1ec;
background-image: url(http://img254.imageshack.us/img254/6578/outa.jpg);
}
Em Gadget:
........................................................................................................................
Submenus
