Cambiar de estilos a las Entradas Populares

December 17, 2016
0 Comments

Cambiar de estilos a las Entradas Populares 



Nuevo 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:




Video tutorial



1 Ir a Blogger
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 su 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 te 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 te muestra como debe aparecerte el buscador en el editor HTML de tu plantilla y así puedas colocar el código en el buscador. 

                                                                                     
             

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”

                                                                           


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

Fuente: ayudadeblogger

Nota: Es recomendable cuando se mete mano a la plantilla para retocar o incluir algún código hacer una copia de seguridad por si las moscas herramos o nos equivocamos en alguna cosa sabemos que tenemos la espalda cubierta, (Solo es un consejo.)







Blogs Famag

Related Posts:

No hay comentarios:

Publicar un comentario

Facebook

Related Posts Plugin for WordPress, Blogger...

AddToAny