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
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/
ResponderEliminarHola, lamentablemente para plantillas dinamicas no funciona este truco de blogger. Saludos.
EliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarNo 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.
EliminarEste comentario ha sido eliminado por el autor.
EliminarMuchas gracias me funciono perfecto en mi nueva plantilla
ResponderEliminarUna pregunta ¿Cómo hago para que se pueda leer más textos?
ResponderEliminarExcelente
ResponderEliminar