<style type="text/css">
/* PERSONALIZAMOS EL ESTILO -----------
-------- SLIDESHOW DE ENTRADAS */
/* FONDO */
#menucontent {
background:#111; /* COLOR DEL FONDO */
padding:8px;
width:98%;
margin:0
}
/* LÍNEA DE ABAJO (NÚMEROS, PLAY, STOP, INFO) */
#menucontent .menuvku {
margin-top:5px;
border:0
}
#menucontent .menuvku-rig a{
text-decoration:none;
}
#menucontent .menuvku ul {
margin:0px;
padding:0px;
list-style:none;
background:transparent;
border:0
}
#menucontent .menuvku li {
display:inline;
line-height:25px;
border:0;
margin:0px;
padding:0px;
}
/* NÚMEROS */
#menucontent .menuvku li a {
background:transparent; /* COLOR DEL FONDO DE LOS NÚMEROS */
color:#ececec; /* COLOR DE LOS NÚMEROS */
font-family:Arial, Helvetica, sans-serif;
font-size:14px; /* TAMAÑO DE LOS NÚMEROS */
text-decoration:none;
padding:2px 7px ;
border:1px solid #ececec; /* COLOR DEL BORDE DE LOS NÚMEROS */
margin:0px;
margin-right:2px;
}
/* NÚMERO ACTIVO */
#menucontent .menuvku li a.tabactive{
background:#ececec; /* COLOR DEL FONDO DEL NÚMERO ACTIVO */
font-weight:bold;
position:relative;
color:#000; /* COLOR DEL NÚMERO ACTIVO */
border:1px solid #ececec; /* COLOR DEL BORDE DEL NÚMERO ACTIVO */
}
/* IMAGEN */
#menucontent .menuvku-rig img{
float:right;
padding:4px 5px 5px 0;
border:0
}
/* CONTENIDO */
#menucontent .menucontent1 {
background:#123; /* COLOR DEL FONDO DEL CONTENIDO */
border:1px solid #ececec; /* COLOR DEL BORDE QUE RODEA EL CONTENIDO */
padding:4px 3px;
margin:0px;
}
#menucontent .menucontent1:hover {
background: #222; /* COLOR DEL FONDO AL PASAR EL CURSOR */
}
</style>
<script language="JavaScript">
/* http://loseasi.blogspot.com/
CREADO POR: Vku. NO BORRAR LOS CREDITOS
SLIDESHOW DE ENTRADAS */
imgr = new Array(); // <-- NO TOCAR
// IMAGEN QUE MUESTRA AL NO TENER UNA PROPIA LA ENTRADA
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9GpKYgsrdXP0MKae-cm8zZJqde53fzzDr8MD1eT_5G3suAApPMJJF7RTLsIdo1ZkR57SNP8fxOCXVSXbPgF7y4H7n9-gHVnNhsIeOQwsjM_x8N3OHww25UJXXyNCRwgEGXKwsHUxu1mIN/s1600/sin-imagen.png";
// IMAGEN BOTÓN PLAY 16x16 píxels
img_play = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQfy3KfuEBA3crhGD4V4nayyQSg_brrNrs9Q3PU6qhFi_zcvX2vnMIgorugIY1zWRgoIuoY4wtQs-0WCnQAa4nuHpHKJlAntPuWlKxTWMnIO76JwIKum6uBzPqJc2SXXExM3FyM4UhFeX5/s1600/play.gif";
// IMAGEN BOTÓN STOP 16x16 píxels
img_stop = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaCCzk0QEajziBbrJG242-Ye5VOLq48zsKg0DpT1PZDUvMT06BD48XvdKFCMfM4ONShwkIQSxiwxsfp5dGil-roPhtqH4Q7Qkd6andQGU2iqNbBAB6uaArj9LDsdOzZP9afi81Z1Vzi1U5/s1600/stop.gif";
// TAMAÑO DE LAS IMÁGENES
imgwidth = 125; // ANCHO
imgheight = 125; // ALTO
// TÍTULOS DE LAS ENTRADAS
fntsize = 14; // TAMAÑO FUENTE
acolor = "#ffffff"; // COLOR FUENTE
// DESCRIPCIÓN DE LAS ENTRADAS
entradasPost = 400; // CANTIDAD DE TEXTO
entradasFontsize = 12; // TAMAÑO FUENTE
entradasColor = "#ececec"; // COLOR FUENTE
// COMENTARIOS
showPostComent = true; // true para mostrar, false para ocultar
text = "comentarios"; // TEXTO
cfntsize = 12; // TAMAÑO FUENTE
ccolor = "#3399FF"; // COLOR FUENTE
// FECHA DE LAS ENTRADAS
showPostDate = true; // true para mostrar, false para ocultar
bfntsize = 10; // TAMAÑO FUENTE
bcolor = "#fff000"; // COLOR FUENTE
// CONTINUAR LEYENDO
showPostContinuar = true; // true para mostrar, false para ocultar
clltext = "Continuar leyendo »"; // TEXTO
clfntsize = 14; // TAMAÑO FUENTE
clcolor = "#ffffff"; // COLOR FUENTE
var tabcount = new Array("7") // NÚMERO TOTAL DE ENTRADAS, DE LA 1 A LA 10
var changespeed = 4; // DEMORA EN SEGUNDOS
home_page = "http://loseasi.blogspot.com"; // LINK DEL BLOG SIN / AL FINAL
</script>
<script src='http://dl.dropbox.com/u/19457418/jsvku/slidepostvku.js' type='text/javascript'></script>
<div id='menucontent'>
<div class='menucontent1' onMouseOver ='javascript:stop_autochange(); return false;' onMouseOut ='javascript:restart_autochange(); return false;'>
<!-- LINK ENTRADAS -->
<div id="tabcontent1"><script>
document.write('<script src="'+home_page+''+rss_page+'1'+rssb_page+'"></scr' + 'ipt>');</script></div>
<div id="tabcontent2"><script>
document.write('<script src="'+home_page+''+rss_page+'2'+rssb_page+'"></scr' + 'ipt>');</script></div>
<div id="tabcontent3"><script>
document.write('<script src="'+home_page+''+rss_page+'3'+rssb_page+'"></scr' + 'ipt>');</script></div>
<div id="tabcontent4"><script>
document.write('<script src="'+home_page+''+rss_page+'4'+rssb_page+'"></scr' + 'ipt>');</script></div>
<div id="tabcontent5"><script>
document.write('<script src="'+home_page+''+rss_page+'5'+rssb_page+'"></scr' + 'ipt>');</script></div>
<div id="tabcontent6"><script>
document.write('<script src="'+home_page+''+rss_page+'6'+rssb_page+'"></scr' + 'ipt>');</script></div>
<div id="tabcontent7"><script>
document.write('<script src="'+home_page+''+rss_page+'7'+rssb_page+'"></scr' + 'ipt>');</script></div>
<!-- Agregamos o quitamos las entradas hasta 10, cambiando los número en el ID y en el script. La cantidad tiene que ser igual a la de los números. -->
<!--
EJEMPLO PARA MOSTRAR OTRO BLOG:
<div id="tabcontent8"><script>
document.write('<script src="http://OTROBLOG.blogspot.com'+rss_page+'1'+rssb_page+'"></scr' + 'ipt>');</script></div>
EJEMPLO PARA MOSTRAR UNA ETIQUETA O LABEL:
<div id="tabcontent9"><script>
document.write('<script src="'+home_page+'/feeds/posts/default/-/ETIQUETA?start-index=1'+rssb_page+'"></scr' + 'ipt>');</script></div>
FIN LINK ENTRADAS -->
</div>
<script>
document.write(''+div_easytabs1+''); // NO TOCAR
document.write(''+home_info+''); // NO TOCAR
document.write(''+div_easytabs2+''); // NO TOCAR
// LOS NUMEROS DEL 1 AL 10
document.write(''+li_easytabs1+'');
document.write(''+li_easytabs2+'');
document.write(''+li_easytabs3+'');
document.write(''+li_easytabs4+'');
document.write(''+li_easytabs5+'');
document.write(''+li_easytabs6+'');
document.write(''+li_easytabs7+'');
// Agregamos los números, tienen que ser igual cantidad a las entradas.
// FIN NUMEROS
document.write(''+div_easytabs3+''); // NO TOCAR
document.write(''+div_easytabs4+''); // NO TOCAR
</script>
</div>
Por Comentarios en el blog: ¿Cómo se hace...?