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.

Widgets para Blogger – Nuevas Publicaciones

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

Widgets para Blogger – Nuevas Publicaciones

3 Abre un gadget “Añadir un gadget

Widgets para Blogger – Nuevas Publicaciones

4 Busca el Widget que dice “HTML/Javascript” ábrelo

Widgets para Blogger – Nuevas Publicaciones

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
¿Te ha resultado útil este artículo, recomiendanos?
Si



Share:

Luis Chávez

Soy el fundador del sitio web Ayudadeblogger.com - Considerado un Pro Blogger profesional, Consultor SEO y desarrollador Web adicto, ejecuto una serie de sitios web desde mi Oficina Quito-Ecuador.

Related post

Comentarios

2 comentarios:

  1. Muchas gracias por tu recomendacion y me gustaria saber si es posible agrandar un poco las imagenes?

    ResponderEliminar
  2. Hermano , 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