Cambiar de estilos a las Entradas Populares

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

No hay comentarios:

Publicar un comentario

Facebook

Related Posts Plugin for WordPress, Blogger...

AddToAny