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>