Bienvenida

BINVENIDO A GADGETS KIRADOBERMAN

Ultimas entradas

Entrada Destacada

PÁGINA DE BIENVENIDA

Cambiar de estilo las Entradas Populares

diciembre 08, 2017

CAMBIAR DE ESTILO LAS ENTRADAS POPULARES

 
 

Nuevos trucos para Blogger,  Cambiar el estilo de las Entradas Populares de Blogger Si necesitas cambiar de estilo las Entradas populares de tu blog de Blogger, sigue las siguientes instrucciones: 



 Pero primero hecha un vistazo a la demo instalado en mi Blog:

 1 Ir a Blogger.com

2 Un clic en “Diseño”

                                               


3 Abrir “Añadir un gadget”

                                                                   
        



4 Busca el gadget de Entradas populares

                                                                                   


5 Habilita el gadget de Entradas populares en tu blog de Blogger

                                                                                                   


6 Vamos a insertar un código en nuestra plantilla de la siguiente manera

7 Un clic en “Plantilla”

                                                                                   


8 Un clic en “Editar HTML”

                                                                             


Ahora se le abrirá el Editor HTML de tu plantilla

                                                                                  



En este punto deberás presionar la tecla “Control” de su teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de su editor, aquí es donde tendrás que insertar el código para buscarlo e insertar los códigos correspondientes en el editor, a continuación mira la imagen la cual le muestra como debe aparecerle el buscador en el editor HTML de su plantilla y así pueda colocar el código en el buscador al momento que yo diga busca este código.

9 Busca este código

<b:skin><![CDATA[

                                                                              


10 Inserta las siguientes líneas de código justo abajo del código que encontraste

 

/*---Entradas Populares star------- */
      .PopularPosts ul,.PopularPosts li,.PopularPosts li a{margin:0;padding:0;list-style:none;border:none;background:none;outline:none}.PopularPosts ul{margin:0;list-style:none;color:black;counter-reset:num}.PopularPosts ul li{background-color:#eee;margin:0 0 0 0!important;padding:.5em 1.5em .5em .5em!important;counter-increment:num;position:relative}.item-thumbnail img{float:left;margin:0 10px 0 0}.PopularPosts a{color:#fff!important}.PopularPosts a:hover{color:#222!important}.PopularPosts ul li:before,.PopularPosts ul li .item-title a,.PopularPosts ul li a{font-weight:bold;color:inherit;text-decoration:none}.PopularPosts ul li:before{content:counter(num)!important;display:block;position:absolute;border-radius:22px;background-color:black;color:#fff !important;width:22px;height:22px;line-height:22px;text-align:center;bottom:0;right:0;padding-right:0!important}.PopularPosts ul li:nth-child(1){background-color:#f1c40f}.PopularPosts ul li:nth-child(2){background-color:#f39c12}.PopularPosts ul li:nth-child(3){background-color:#2ecc71}.PopularPosts ul li:nth-child(4){background-color:#27ae60}.PopularPosts ul li:nth-child(5){background-color:#e67e22}.PopularPosts ul li:nth-child(6){background-color:#d35400}.PopularPosts ul li:nth-child(7){background-color:#3498db}.PopularPosts ul li:nth-child(8){background-color:#2980b9}.PopularPosts ul li:nth-child(9){background-color:#ea6153}.PopularPosts ul li:nth-child(10){background-color:#c0392b}.cloud-label-widget-content{text-align:left}.label-size{display:block;background:#fff;float:left;margin:0 2px 2px 0;color:#000!important;border:1px solid #ccc;padding:5px}.label-size:hover{border:1px solid #000;color:#000!important}.label-size a:hover{color:#000!important}
/*-------Entradas Populares End------- */

11 Un clic en “Guardar plantilla”

Cambiar de estilos a las Entradas Populares de Blogger

Eso es todo, es momento de visitar su blog de Blogger y mirar sus nuevos cambios



Fecha: 08-12-2017

Fuente:

Publicado por:            










You Might Also Like

0 comentarios

Paginacion

Etiquetas

aviso (1) blogger (35) cubi (1) featured (37) gadget (14) imagen (4) índice (1) marquesina (1) menú (13) posts (12) redes sociales (2) sliders (1) truco (6) widget (12)

Conyacto

Nombre

Correo electrónico *

Mensaje *