Slide em CSS e HTML para blog

A instalação é bem fácil, apenas copie o código lá em baixo, vá em "Elementos
da página" e adicione um
Gadget "HTML/Javascript" e depois modifique as partes destacada.

Vermelho -
Coloque a URL DA IMAGEM

Azul -
Coloque o Link de destino.

Para adicionar uma nova imagem no slide, copie a parte destaca de verde,
e cole abaixo dela mesmo.

Recomendo que coloque todas as imagens com tamanhos iguais para que não haja
deformação no slide.Ou acrescente o seguinte código no css.

.slidecblogger img {width: 400px; height: 300px; padding: 7px;}

Em width coloque um valor em px , que será a largura de todas as imagens.

Em height coloque um valor em px, que será a altura de todas as imagens.

Depois Salve!

<style type="text/css">

#slidecblogger {

background:#000;

padding:5px;

border:3px double #fff;

box-shadow: 7px 7px 8px #818181;

-webkit-box-shadow: 7px 7px 8px
#818181;

-moz-box-shadow: 7px 7px 8px
#818181;

filter:
progid:DXImageTransform.Microsoft.dropShadow(color=#818181,
offX=7, offY=7, positive=true);

}

.slidecblogger a:link {

opacity:0.4;

filter:alpha(opacity=40);

}

.slidecblogger a:hover {

opacity:1;

filter:alpha(opacity=100);

}

</style>

<div id="slidecblogger">

<div class="slidecblogger">

<marquee scrollamount="6"
onmouseout="this.start();"
onmouseover="this.stop();"
direction="right">

<a href="LINKDE DESTINO" target="_blank"><img

src="URLDA IMAGEM"/>


<a href="LINKDE DESTINO" target="_blank"><img

src="URLDA IMAGEM"/>


<a href="LINKDE DESTINO" target="_blank"><img

src="URLDA IMAGEM"/>


<a href="LINKDE DESTINO" target="_blank"><img

src="URL DA IMAGEM"/>


<a href="LINKDE DESTINO" target="_blank"><img

src="URLDA IMAGEM"/>


<a href="LINKDE DESTINO" target="_blank"><img

src="URL DA IMAGEM"/>

<a href="LINKDE DESTINO"target="_blank"><img


src="URLDA IMAGEM"/>

</marquee>

</div>

</div>

código é mérito do site http://www.cblogger.tk