WIDGETS PARA BLOGGER - NUEVAS PUBLICACIONES

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.

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.

 Fecha de la Publicación; 18-01-2019

 Fuente; ayudadeblogger

 Publicado por;