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.
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”
3 Abre un gadget “Añadir un gadget”
4 Busca el widget que dice “HTML/Javascript”
y ábrelo
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>
|
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
Saludos
Recuerda suscribirte:
Obtenga nuestro boletín de noticias diario | Suscríbete gratuitamente SUSCRIBIRSE
8 comentarios: