add

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

3 comentarios:

  1. Perfecto y muy sencillo de instalar, lo acabo de añadir en http://barbadasbase.blogspot.com.es/. Gracias.

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

    ResponderEliminar
  3. 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

Discusión

person_pin Luis Chávez

group_work Fundador

contact_phone +593 994589032

email ayudadeblogger@gmail.com

Entradas populares

Youtube.com/ayudadeblogger

Suscríbete

Etiquetas

Adsense dispositivos moviles (2) Alojamiento web (12) Aplicaciones moviles (15) Backlinks (1) Breaking News para Blogger (3) Como (32) Como crear una pagina web gratis (8) Comprar Dominios (2) Comprar un Dominio en Godaddy (2) Configurar dominio de Godaddy en Blogger (1) Consejos de Blogs (33) Consejos de Trafico (12) Correo Dominio (3) Crear un Sitemap (6) Crear una Aplicacion gratis (2) Diseno Responsive (5) Diseño Web (7) En vivo (1) Entradas Populares (18) Enviar Sitemap a Bing y Yahoo (1) Error al analizar XML (5) Facebook trucos (10) Firefox (9) Formulario de contactos (3) Ganar Dinero (22) Google (11) Google Adsense (10) Google Plus (5) Guia de SEO (2) Herramientas Blogger (4) Herramientas para Webmasters (6) Iconos Font Awesome (1) Info Tech (1) La ética de los blogs (2) Laptops (2) Manual Blogger (10) Material Design Blogger (2) Medios de Comunicacion Social (39) Menu desplegable (20) Menu Responsive para Blogger (6) Mobile-friendly (9) Movil (12) Noticias (3) Optimizado para moviles (4) Plantillas Blogger (42) Plantillas Landing page para Blogger (3) Popout (6) Posicionamiento SEO (22) Publicidad (2) SEO Mobile (12) SEO para Moviles (14) Sitemap (1) Sitios web optimizados para moviles (3) Slider Carrusel (7) Slideshow (35) Smartphone (12) Social Media Marketing (1) Tácticas de Marketing (4) Tecnologia (12) Temas de invitados (2) Top Hosting (3) Trucos Blogger (40) Trucos CSS y HTML (11) Web Hosting (14) Widget Acordeón (3) Widget Tab Multiple (1) Widgets para Blogger (69) Widgets Suscripciones (9) Widgets y Plugins (6)

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Seguidores

Comentarios