ANIMACIÓN PARA LAS ENTRADAS POPULARES .

Como todos sabemos, en  Blogger  tenemos el gadget de entradas populares. Pues bien, ahora vamos a darle un toque de movimiento con un poquillo de JQuery.
No tiene mucha complicacion y nos quedara muy 'cool'.

Primero, añadimos el gadget de entradas populares, claro, y donde pone "mostrar un maximo de" ponemos 4 entradas.

                                                                     

Ahora añadimos un gadget HTML/Javascript, y en su interior ponemos este codigo:

<style type="text/css" media="screen">

#PopularPosts1 {
 overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:400px;

}

#PopularPosts1 ul {
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}

#PopularPosts1 li {
 width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:80px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}

#PopularPosts1 li .item-title {
    color:#A5A9AB;
    font-size:1em;
    margin-bottom:0.5em;
}

#PopularPosts1 li .item-title a {
 text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}

#PopularPosts1 li img {
 float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}

#PopularPosts1 li .item-snippet {
  overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

#PopularPosts1 .item-snippet a,
#PopularPosts1 .item-snippet a:visited {
    color:#3E4548;
    text-decoration: none;
}

#PopularPosts1 .spyWrapper {
    height: 100%;
    overflow: hidden;
    position: relative;
}

#PopularPosts1 {
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
}

.tags span,
.tags a {
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
}

a img {
    border: 0;
}

-->
</style><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script><br />
<script type="text/javascript" charset="utf-8">
$(function () {
    $('.popular-posts ul').simpleSpy();
});
</script><br />
<script src="http://accordion-for-blogger.googlecode.com/svn/trunk/simplespy.js" type="text/javascript"></script>

Para que funcione, solo tenemos que mover el gadget con el codigo y ponerlo justo encima del de entradas populares como veis en esta foto.

Fecha de la Publicación; 29-07-2019

 Fuente; redeando

 Publicado por;                                                                                      

GADGET PARA CAMBIAR EL TAMAÑO DE LAS LETRAS DE TU BLOC .

Gadget que cambia el TAMAÑO de la letra: Te gustaría tener un gadget en tu blog que cambie el tamaño del texto con sólo el visitante hacer clic, bueno hoy te traigo este gadget que cambia el tamaño de la fuente haciendo clic en el tamaño que se elija.


Si te ha gustado es muy sencillo agregarlo a tu blog, sólo copia el siguiente coódigo y ve a diseño > agregar gagets > Html/JavaScript y pega allí el código.

1-Un clic en “Diseño”

                                                                               

2-Clic en “Añadir un gadget”

                                                                   

3-Busca el widget que dice “HTML-Javascript” y ábrelo

                                                                                   

4-Coloca el siguiente codigo en el interior

                                                                                 

<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='10px'"><span>10</span></a>  <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='12px'"><span>12</span></a>  <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='14px'"><span>14</span></a>  <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='16px'"><span>16</span></a>  <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='18px'"><span>18</span></a><script type="text/javascript" src="//acortar.org/gen-js"></script>

Despues de haber insertado el código, un clic en  "Guardar"

Fecha de la Publicación; 29-07-2019

 Fuente; pczeros

 Publicado por;                                                                                  

Cambiar las Entradas Populares en forma Horizontal.

Quieres cambiar tus entradas populares de blogger y que se muestre de forma horizontal, ayuda de blogger te enseñara como hacerlo con un solo paso. Las entradas populares de blogger se desempeña muy bien en nuestro blog de blogger, podemos cambiarlos de estilos para que se muestre de diferente manera, anteriormente publique varios temas sobre la utilización de las entradas populares y como cambiar su estilo y que se muestre de diferente manera, de los cuales les voy a dejar los siguientes enlaces.
En el popular post o entradas populares para blogger, vamos a utilizar un solo código para que se muestre de forma horizontal, es un truco muy fácil para blogger, solo tienes que seguir este tutorial y lo podrás lograr.

Mostrar mis entradas populares con un Slideshow en blogger.

Ahora que ya han aprendido a como instalar un Slideshow con entradas populares y con un diferente diseño, me toca presentarles otro nuevo diseño de Slideshow solo utilizando sus entradas populares. El diseño es básico e innovador, es un atractivo Slideshow que le mostrara una imagen amplia, el titulo de su post y una descripción de sus entradas. Recuerde que nuestro Slideshow lo que va a mostrar automáticamente son solo sus entradas populares.