Cómo insertar Post Aleatorios en su Blogger

Comparto con ustedes un útil código para agregar publicaciones o post aleatorias en su sitio de Blogger. Con él, podrán personalizar la cantidad de entradas mostradas, tamaño de los miniaturas o imágenes, y otras características. Este proceso es importante para mejorar la experiencia de los visitantes en su blog, al mostrar de manera aleatoria distintas publicaciones en una sección específica de su sitio.

Procedimientos para insertar

  • Ingrese a su escritorio de blogger y seleccione su blog donde quiere agregar este código
  • Elija /Diseño
  • A continuación elija la sección en la que quiere agregar
  • Haga clic en «Añadir un gadget» y seleccione «HTML/JavaScript»
  • En contenido pegue el código proporcionado y listo.

Luego con un poco de curiosidas puede modificar algunos parámetros. recuerde que se puede insertar en el sidebar o barra lateral o en el pie del blog.

Código Post aleatorio – Blogger

<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>

Deje su comentario al final, le estaré muy agradecido…

Te puede interesar
Como revisar fácilmente los trabajos de sus estudiantes enviados por WhatsApp
como revisar trabajos o evidencias enviadas por whatsapp

Compartimos con ustedes estimados docentes la manera más sencilla y rápida de revisar los trabajos o evidencias enviados por sus Read more


«Revise otros Recursos Educativos»