Widgets para Blogger – Nuevas Publicaciones
Nuevas publicaciones es un widget muy
poderoso para Blogger, que muestra sus entradas recientes en miniaturas. Es la
solución perfecta para las revistas en línea o blogs simples y viene con
opciones de personalización disponibles. Usted puede dinámicamente cambiar su
tamaño a cualquier dimensión deseada. La visualización de una lista de las
entradas recientes en la columna lateral es una gran manera de mantener a sus
visitantes ocupados. Hay un montón de Widgets de mensajes recientes que puede
utilizar, pero el que estaremos cubriendo en este post sin duda capta la
atención de la gente en su blog. Este Widget se ha personalizado añadiendo un
poco de código CSS. La instalación de este Widgets para blogs es muy fácil,
sólo tiene que añadir un gadget HTML/JavaScript y ubicarlo donde mejor le parezca.
El widget de nuevas publicaciones funciona perfectamente en todos los
navegadores web, además tiene una carga ligera. Así que vamos a empezar el
tutorial.
No se olviden de visitar más Widgets para
blogs
A continuación mire su demostración en
la siguiente página web que utiliza este tipo de widget de publicaciones
recientes, el widget está ubicado casi al final del sidebar de la derecha y
lleva como nombre “Nuevas Publicaciones”
Les gusto verdad!
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”
ábrelo
5 Inserta el siguiente código en su
interior
<style>
#bp_recent {
width:300px;
padding: 5px;
color: #999;
font-size: 14px;
text-align:justify;
}
#bp_recent img {
width: 70px;
height: auto;
border-top:5px groove
#00a4ef !important;
border-bottom:5px groove
#ffb900 !important;
border-right:5px groove
#7fba00 !important;
border-left:5px groove
#f25022 !important;
webkit-box-shadow:1px 1px
1px rgba(0,0,0,0.2);
box-shadow:1px 1px 1px
rgba(0,0,0,0.2);
}
#bp_recent a{
color: #fff;
font-size: 15px;
text-transformation:
uppercase;
margin-bottom:
10px!important;
}
#bp_recent a:hover {
text-decoration: underline;
}
</style>
<div
id='bp_recent'></div>
<script
type="text/javascript"
src="http://yourjavascript.com/401413211131/recentposts-orig.js"></script>
<script
style='text/javascript'>
var
numberOfPosts = 9;
var showPostDate = false;
var showSummary = false;
var summaryLength = 0;
var titleLength = 0;
var showCommentCount =
false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 55;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = false;
var readMore = 'Leer más';
</script>
<script src=' http://www.increibleviaje.com/feeds/posts/summary?max-results=10&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>
|
Realiza este cambio:
Borra la dirección URL que está marcada
de color azul, y remplázalo por la dirección URL de tu blog de blogger,
recuerda realizar cuidadosamente este cambio y de no borrar parte del código ya
que no te funcionaria si lo haces.
Si quieres aumentar las nuevas
publicaciones, basta con cambiar el número 9 que está marcado de color rojo por
el número que tú quieras.
Luego de realizar este cambio es momento
de dar un clic en “Guardar” y ubica tu nuevo widget de nuevas publicaciones
donde tú quieras.
Fácil verdad!
Recuerda suscribirte y así recibirás mis
nuevas actualizaciones directamente en tu correo electrónico
¿Necesitas ayuda?
Cualquier pregunta no duden en hacérmelo
saber y de inmediato les responderé
Saludos
Recuerda suscribirte:
Obtenga nuestro boletín de noticias diario | Suscríbete gratuitamente SUSCRIBIRSE
Perfecto y muy sencillo de instalar, lo acabo de añadir en http://barbadasbase.blogspot.com.es/. Gracias.
ResponderEliminarMuchas gracias por tu recomendacion y me gustaria saber si es posible agrandar un poco las imagenes?
ResponderEliminarHermano , consegui la plantilla que tienes como Demo aqui , pero muy buena por cierto , pero no puedo configurar los Gadgets principales , espero me puedas ayudar Gracias Saludos ! este es mi blog http://siicomparto.blogspot.mx/
ResponderEliminar