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



Share:

Related post

Disqus

Disqus comments:


Google+

Google+ comments:

Facebook

Facebook comments: