add

Widget de artículos recientes Sliding


Con un solo código podemos mostrar nuestros artículos recientes en movimiento, lo que mostrara nuestro widget de artículos recientes son, tres títulos de nuestros artículos, con una imagen de cada una de ellas, va ha ir cambiando de posición, subiendo de forma automática hasta llegar a sus 10 ultimas publicaciones de su blog de blogger, y si quieren aumentar el numero de post que se muestren en este widget, lo podrán realizar cambiando el numero 10 por el numero que quieran mostrar. Es muy interesante este truco para blogger, la incrustación del código es muy fácil de realizarlo. Aumentara las vistas de su blog de blogger al momento que un usuario llegue a su blog, notara que las imágenes y el titulo de sus post recientes se comienzan a mover en un widget en particular de su sidebar, y podrá optar por ver el otro articulo que usted publico. Este widget de artículos recientes en movimiento para blogger, funciona perfectamente en los navegadores como Firefox, Google Chrome, Internet Explorer etc.


Además si quieren ver más trucos para blogger, les dejo algunos de ellos:


A continuación mire su demostración en mi blog de demos, el widget de artículos recientes en movimiento lleva el nombre de “Artículos recientes Sliding”, y esta ubicado en el sidebar del blog de demos.


Te gusto!

Vamos a trabajar

1 Ir a blogger

2 Da un clic en “Diseño

Widget de artículos recientes

3 Abre un gadget que dice “Añadir un gadget

Widget de artículos recientes

4 Busca el widget que dice “HTML/Javascript” y abrelo

Widget de artículos recientes

5 Inserta las siguientes líneas de código en su interior

<style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0;float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script style='text/javascript' src="http://yourjavascript.com/12137020232/recentpostticker.js" ></script>
<script style='text/javascript' src='http://yourjavascript.com/17723221215/recentpostswiththumbnailsv3.js'></script>
<script style='text/javascript'>
var numposts = 10;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
$(document).ready(function () {$('#sai').vTicker({
speed: 500,
pause: 3000,
showItems: 3,
animation: 'fade',
mousePause: false,
height: 0,
direction: 'up'
});});
</script>
<div id="sai">
<script src='http://www.ayudadeblogger.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
</div>

Importante:

Si ya utilizas un código jQuery en tu plantilla, no deberás poner esta línea de código http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js, y si no utilizas ningún código jQuery copia todo el código tal como lo presento.

Una vez que hayas cerciorado lo antes mencionado, tendrás que cambiar la URL que esta marcado de color azul www.ayudadeblogger.com, por la dirección de tu blog de blogger o pagina web.

Si quieres aumentar el numero de artículos que se mostraran en tu widget, basta con encontrar esta línea de código var numposts = 10; y cambia el numero 10 por el numero que tu quieras, eso es todo.

Es momento de dar un clic en “Guardar”, ubica tu nuevo widget de post recientes donde mejor te lo parezca.

Fácil verdad!

¿Necesitas ayuda?

Cualquier pregunta no duden en hacérmelo saber y de inmediato les responderé

Saludos.

emailEnviar por correo

4 comentarios:

  1. Hola,
    Intento encontrar un widget que me saque el listado de todas las entradas de mi blog: alfoogle.blogspot.com.es en orden cronológico pero sin sacar las fechas de salida para que al clikear en un título vaya a ese artículo.
    He intentado usar tu widget de artículos recientes, pero sale en blanco, vacío.
    También intento usar el código de Javascript que te pongo alfinal, durante años y hasta hace unos meses me funcionaba perfectamente, pero ha dejado de funcionar.
    ¿Qué debo hacer?
    widget en Javascript anterior (para poderlo envuar he tenido que cambiar los símbolos < por una Z):
    Zdiv id="bp_recent">Z/div>Zbr />Zdiv class="bp_footer">Zsmall>Zsmall>Zbr />
    Za href="https://www.bloggerplugins.org/2011/09/recent-posts-thumbnails-blogger-widget.html?utm_src=BP_recent" id="bp_recent_link" style="padding: 0px 0px 0px 0px; text-decoration: none;" target="_blank">Z/a>Zbr />Zscript src="https://bloggergadgets.googlecode.com/files/recentposts_orig.js">Z/script>Zbr />Zscript>
    var numberOfPosts = 60;
    var showPostDate = false;
    var showSummary = false;
    var titleLength = 50;
    var showCommentCount = false;
    var showThumbs = false;
    var showReadMore = false;
    Z/script>Zbr />Zscript src="/feeds/posts/summary?max-results=60&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails">Z/script>Z/small>Z/small>Z/div>"

    ResponderEliminar
    Respuestas
    1. Hola Alfonzo, he respondido a su comentario, visite su blog, le sugiero elimine un código que tiene ingresado en su blog en un widget, ya que tiene un código encriptado y esta ocasionando que salte un virus.

      El widget se llama visitas

      Elimínelo, es un troyano

      Saludos.

      Eliminar
  2. Tengo el blog LA CIENCIA TAMBIÉN ES CULTURA. He modificado un poco los números del listado del widget para que salgan los títulos de los artículos sin imágenes. ¿Cómo lo puedo modificar ahora para que salgan todos los artículos y en el mismo orden en el que están publicados en el blog? ¿Cómo hacer el movimiento más lento y sin saltos?
    Gracias y enséñanos un poco más.

    ResponderEliminar
    Respuestas
    1. Hola Alfonso, gracias por escribir, sobre su pregunta, saldrán los artículos a partir de sus nuevas publicaciones, sobre su otra pregunta, como hacer el movimiento mas lento? Usted puede cambiar el numero 500 por otro valor, puede ir cambiando hasta ver el cambio que usted necesita:

      Busque este código:

      speed: 500

      Cambie 500 por otro valor.

      Saludos.

      Eliminar

Discusión

person_pin Luis Chávez

group_work Fundador

contact_phone +593 994589032

email ayudadeblogger@gmail.com

Entradas populares

Youtube.com/ayudadeblogger

Suscríbete

Etiquetas

Adsense dispositivos moviles (2) Alojamiento web (12) Aplicaciones moviles (15) Backlinks (1) Breaking News para Blogger (3) Como (33) Como crear una pagina web gratis (8) Comprar Dominios (2) Comprar un Dominio en Godaddy (2) Configurar dominio de Godaddy en Blogger (1) Consejos de Blogs (33) Consejos de Trafico (12) Correo Dominio (3) Crear un Sitemap (6) Crear una Aplicacion gratis (2) Diseno Responsive (5) Diseño Web (7) En vivo (1) Entradas Populares (18) Enviar Sitemap a Bing y Yahoo (1) Error al analizar XML (5) Facebook trucos (10) Firefox (9) Formulario de contactos (3) Ganar Dinero (22) Google (11) Google Adsense (10) Google Plus (5) Guia de SEO (2) Herramientas Blogger (4) Herramientas para Webmasters (6) Iconos Font Awesome (1) Info Tech (1) La ética de los blogs (2) Laptops (2) Manual Blogger (11) Material Design Blogger (2) Medios de Comunicacion Social (39) Menu desplegable (20) Menu Responsive para Blogger (6) Mobile-friendly (9) Movil (12) Noticias (3) Optimizado para moviles (4) Plantillas Blogger (42) Plantillas Landing page para Blogger (3) Popout (6) Posicionamiento SEO (22) Publicidad (2) SEO Mobile (12) SEO para Moviles (14) Sitemap (1) Sitios web optimizados para moviles (3) Slider Carrusel (7) Slideshow (35) Smartphone (12) Social Media Marketing (1) Tácticas de Marketing (4) Tecnologia (12) Temas de invitados (2) Top Hosting (3) Trucos Blogger (40) Trucos CSS y HTML (11) Web Hosting (14) Widget Acordeón (3) Widget Tab Multiple (1) Widgets para Blogger (69) Widgets Suscripciones (9) Widgets y Plugins (6)

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Seguidores

Comentarios