Cursor Pajaro Verde

viernes, 28 de marzo de 2014

Widgets para Blogger – Nuevas Publicaciones

5:14    No comments


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.

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
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.lasvegashoteles.us/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!
 


Los contenidos aqui expuestos tienen su autoria por el creador,toda la informacion aqui expuesta es para que llegue a mas gente,el merito es de su autor que esta sacado todo ello de su blog,muchas gracias a su creador.












0 comentarios:

Publicar un comentario