Slider automático de últimas entradas para blogger – Shipping – coche – PHD

Este era un slider que tenía en la anterior plantilla de mi blog en la barra lateral derecha para mostrar las últimas entradas. Sí quieres agregarlo a tu blog sigue estos pasos:

Abrimos elpanel de administración de blogger y hacemos clic enDiseño, luego enañadir un gadgetHTML/Javascript . En esta ventana pegaremos el siguiente código.

style scoped="" type="text/css"
/*
Made by AllBloggerTricks.com with lot of hardwork please keep the comment intact
*/
ul.abt-sidebar-slider *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
ul.abt-sidebar-slider{font:normal normal 11px Verdana,Geneva,sans-serif}
ul.abt-sidebar-slider,ul.abt-sidebar-slider li{margin:0;padding:0;list-style:none;position:relative}
ul.abt-sidebar-slider{width:100%;height:500px}
ul.abt-sidebar-slider li{height:24.5%;position:absolute;padding:0;width:49.5%;float:left;overflow:hidden;display:none}
ul.abt-sidebar-slider li:nth-child(1),ul.abt-sidebar-slider li:nth-child(2),ul.abt-sidebar-slider li:nth-child(3),ul.abt-sidebar-slider li:nth-child(4){display:block}
ul.abt-sidebar-slider img{border:0;width:100%;height:100%}
ul.abt-sidebar-slider li:nth-child(1){width:100%;height:49.5%;margin:0 0 2px;left:0;top:0}
ul.abt-sidebar-slider li:nth-child(2){left:0;top:50%}
ul.abt-sidebar-slider li:nth-child(3){left:50.5%;top:50%}
ul.abt-sidebar-slider li:nth-child(4){width:100%;left:0;top:75%}
ul.abt-sidebar-slider  .overlayx,ul.abt-sidebar-slider li{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
ul.abt-sidebar-slider .overlayx{width:100%;height:100%;position:absolute;z-index:2;left:0;top:0;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEbCtJYpkGgD62Qu87D9Grc77sTXN__hMUPd3Obu1p9hOQPgVu9_eMeKP5OwiH-2CsUNYIE41mdvNAUn_Py-BSicSmBDCQc1T3wP2pEuacrLBn4sy64iHif-792kzrmrQusWGPizZGmp0/s1600/linebg-fade.png);background-position:50% 50%;background-repeat:repeat-x}
ul.abt-sidebar-slider .overlayx,ul.abt-sidebar-slider img{border:4px solid #2E8DCE;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
ul.abt-sidebar-slider li:nth-child(1) .overlayx{background-position:50% 25%}
ul.abt-sidebar-slider .overlayx:hover{-ms-filter:"progid:DXImageTransform.Microsoft. Alpha(Opacity=10)";filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1}
ul.abt-sidebar-slider h4{position:absolute;bottom:30px;z-index:2;color:white;margin:0;width:100%;padding:0 10px;line-height:1.5em;font-family:Georgia,Times,"Times New Roman";font-weight:normal}
ul.abt-sidebar-slider li:nth-child(1) h4,ul.abt-sidebar-slider li:nth-child(4) h4{font-size:150%}
ul.abt-sidebar-slider .label_text{position:absolute;bottom:10px;left:10px;z-index:2;color:white;font-size:90%}
ul.abt-sidebar-slider li:nth-child(2) .autname,ul.abt-sidebar-slider li:nth-child(3) .autname{display:none}
.buttons{margin:5px 0 0}
.buttons a{display:inline-block;text-indent:-9999px;width:15px;height:25px;position:relative}
.buttons a::before{content:"";width:0;height:0;border-width:8px 7px;border-style:solid;border-color:transparent #535353 transparent transparent;position:absolute;top:50%;margin-top:-8px;margin-left:-10px;left:50%}
.buttons a.nextx::before{border-color:transparent transparent transparent #535353;margin-left:-3px}
/style
div id="featuredpostside"/div
script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"/script
script src="https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/abt-sidebar-slider.js" type="text/javascript"/script
script type='text/javascript'
//![CDATA[
FeaturedPostSide({
blogURL:"http://unestudiantedeinformatica.blogspot.com/",
MaxPost:8,
idcontaint:"#featuredpostside",
ImageSize:300,
interval:5000,
autoplay:true,
tagName:false
});
//
/script

Lo mas importante. Debemos ubicar la siguiente línea:

blogURL:"http://unestudiantedeinformatica.blogspot.com/",

Y reemplazarhttp://unestudiantedeinformatica.blogspot.com/por laurl de tu blog.

También sí queremos podemos editar el número de post a mostrar, el intervalo de la transición, y las medidas en pixeles del slider.

MaxPost:8,

Se mostrarán las últimas 8 entradas.

interval:5000,

El intervalo de la transición son 5000 milisegundos (5 segundos).

ul.abt-sidebar-slider{width:100%;height:500px}

El ancho del slider se reducirá o aumentará en cuanto a un porcentaje y el alto en pixeles.

Demo del slider:

También te podría interesar:
Pop-up caja de me gusta facebook para blogger
Agregando nuestro sitio web a los buscadores google y bing
Iconos sociales color azul para blogger
Crear formulario de contacto para blogger

Compartir entradas de blogs automáticamente cada 10 minutos a través de twitter – Virginia – Forex – Teleconferencias – Registros

Autotuits.com es un sitio web que nos permite la configuración de unalista de tweets, que serán compartidos automáticamente cada cierto tiempo, a través de tu cuenta de esta red social.

Para ello nos debemos registrar enhttp://autotuits.com/ y posteriormente proceder a configurar nuestra cuenta de twitter y agregar los tweets a la lista cíclica.

Es importante saber q autotuits.com es unsitio de pago, peronos regala 30 días gratis de este servicio a cada cuenta de twitter que enlacemos.

Entramos enhttp://autotuits.com/ y nos registramos. Luego del registro vamos a configurar nuestra cuenta, hacemos clic entwitter en elmenú izquierdo.

Luego hacemos clic enprogramar.

Hacemos click en "programar lista cíclica" y luego en "desactivado".

Elegimos publicar un tweet de la lista casa10 minutos,además hacemosclick en las celdas correspondientes a cada hora del díay seleccionamosenviar todos los días.

Por últimoingresamos nuestros tweets. Escribimos el tweet que queremos en nuestra lista y hacemos click en "pasar tuit a la lista". Finalmente hacemos click enguardar y las entradas de nuestro blogs serán compartidas cada 10 minutos a través de tu cuenta de twitter.

Autotuit recomienda quesí el intervalo de tiempo entre cada tweet será 10 minutos entonces la cantidad de tweets de nuestra lista cíclica debe ser mayor a 30, es importante considerar esto para evitar sanciones a nuestra cuenta por razones de spam.

No solo es posible compartir las entradas de nuestros blogs, también sí tenemos un foro podemos compartir todos los post, sí tenemos un portal de noticias podemos compartirlas todas o sí solo queremos programar ciertos tweets también lo podemos hacer.

A continuación comparto con ustedes un video en el que se describecomoCompartir entradas de blogs automáticamente cada 10 minutos a través de twitter.