Widgets y Plugins para Blogger


Como insertar un Random post en Blogger


Vamos aprender a como insertar correctamente un Random Post (Artículos aleatorios) en nuestro blog de Blogger en un solo widget de una forma sorprendente, y en la cual no tengamos que manejar demasiado código para realizar este truco de Blogger. Lo que mostrara este nuevo widget es en forma rotativa los diferentes artículos que hayan publicado. Le mostrara 5 imágenes en miniatura con un pequeño fragmento de su artículo.

Como insertar un Random post en Blogger

Mire su demostración en la siguiente página web, el Random Post está ubicado en la parte inferior y lleva el nombre de “Post


Les gusto!

Vamos a trabajar

1 Ir a Blogger

2 Un clic en “Diseño

Como insertar un Random post en Blogger

3 Abre un gadget “Añadir un gadget

Como insertar un Random post en Blogger

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

Como insertar un Random post en Blogger

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

<style>
#random-posts img {
    float: left;
    margin-right: 10px;
    width: 65px;
    height: 65px;
    background-color: #F5F5F5;
    padding: 3px;
}

ul#random-posts {
    list-style-type: none;
}

#random-posts li {
    margin-bottom: 10px;
}

.random-summary {
    display: block;
}
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var randomposts_number = 5;
var randomposts_chars = 110;
var randomposts_details = 'yes';
var randomposts_comments = 'Comments';
var randomposts_commentsd = 'Comments Disabled';
var randomposts_current = [];
var total_randomposts = 0;
var randomposts_current = new Array(randomposts_number);

function randomposts(json) {
    total_randomposts = json.feed.openSearch$totalResults.$t
}
document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\"><\/script>');

function getvalue() {
    for (var i = 0; i < randomposts_number; i++) {
        var found = false;
        var rndValue = get_random();
        for (var j = 0; j < randomposts_current.length; j++) {
            if (randomposts_current[j] == rndValue) {
                found = true;
                break
            }
        };
        if (found) {
            i--
        } else {
            randomposts_current[i] = rndValue
        }
    }
};

function get_random() {
    var ranNum = 1 + Math.round(Math.random() * (total_randomposts - 1));
    return ranNum
};
</script>
<script src='https://dl.dropboxusercontent.com/s/xkmtx20psyg8nz6/random-posts.js' type='text/javascript'></script>
</ul>

Como insertar un Random post en Blogger

6 Eso es todo es hora de dar un clic en “Guardar” y ubica tu nuevo widget Random Post donde mejor te parezca

Fácil verdad!

¿Necesitas ayuda?

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

Saludos

Enviar por correo
  1. Saludes Luis, lo puse en mi blog con plantilla dinamica de Blogger, pero no funciono...segui todos los pasos pero nada...http://carlosagaton.blogspot.com/

    ResponderEliminar
    Respuestas
    1. Hola, lamentablemente para plantillas dinamicas no funciona este truco de blogger. Saludos.

      Eliminar
  2. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
    Respuestas
    1. No debe por que colgarse tu PC, el código no está afectando en nada a tu computador, y si, debes tener más de 5 publicaciones como mínimo 10.

      Eliminar
    2. Este comentario ha sido eliminado por el autor.

      Eliminar

Discusión:

 

Inspiración

Tecnología

Contactos

+593 994589032