Template Ecológico

Template em 2 colunas e mais 3 no footer, menu horizontal, menu de páginas costumizada com buscador. Sidebar e título das postagens com efeito accordion.

DEMO/Pegar código

Para instalar o widget com os últimos posts, copie o código abaixo e cole no HTML/Javascript, como mostra a imagem. Depois cole o endereço de seu blog no local indicado.

<script src="http://sites.google.com/site/postsrecentesslide/postsrecenteslide/jquery.min.js" type="text/javascript">

</script>
<script type="text/javascript">
$(document).ready(function(){
var first = 0;
var speed = 800;
var pause = 6500;
function removeFirst(){
first = $('ul#slide li:first').html();
$('ul#slide li:first')
.animate({opacity: 0.5}, speed)
.fadeOut('slow', function() {$(this).remove();});
addLast(first);
}
function addLast(first){
last = '<li style="display:none">'+first+'</li>';
$('ul#slide').append(last)
$('ul#slide li:last')
.animate({opacity: 1}, speed)
.fadeIn('slow')
}
interval = setInterval(removeFirst, pause);
});
</script>
<style type="text/css">
#slide{
height:115px;
border: 4px groove #A4AF35;
width:470px;
overflow:hidden;
margin: auto;
padding:1px;
}
#slide li{
margin: 1px 0 0 0;
list-style:none;
}
#slide .news-title{
display:block;
text-align: center;
line-height: 10px;
font-size: 14px;
color: #3B2843;
}
#slide img{
float:left;
margin-right:2px;
padding:3px;
border:solid 2px #ccc;
}
</style>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "URL IMAGEN 1";
imgr[1] = "URL IMAGEN 2";
imgr[2] = "URL IMAGEN 3";
imgr[3] = "URL IMAGEN 4";
imgr[4] = "URL IMAGEN 5";
showRandomImg = true;
tablewidth = 470;
cellspacing = 1;
borderColor = "";
bgTD = "#A4AF35";
imgwidth = 100;
imgheight = 100;
fntsize = 12;
acolor = "#3B2843";
aBold = true;
icon = " ";
text = "no";
showPostDate = false;
summaryPost = 220;
summaryFontsize = 10;
summaryColor = "#fff";
icon2 = " ";
numposts = 14;
label = "";
home_page = "ENDEREÇO DE SEU BLOG";
</script>
<script src="http://sites.google.com/site/postsrecentesslide/postsrecenteslide/recentepostslide.js " type="text/javascript"></script>