add

Cambiar de estilos a las Entradas Populares de Blogger


Nuevos trucos para Blogger, ¿Cómo cambiar el estilo de las Entradas Populares de Blogger? Si necesita cambiar de estilo las Entradas populares de su blog de Blogger, siga las siguientes instrucciones:

Cambiar de estilos a las Entradas Populares de Blogger

Mire su demostración a continuación en el siguiente blog de demos

DEMO

Video tutorial


Configuración:

1 Ir a Blogger.com

2 Un clic en “Diseño

Cambiar de estilos a las Entradas Populares de Blogger

3 Abrir “Añadir un gadget

Cambiar de estilos a las Entradas Populares de Blogger

4 Busca el gadget de Entradas populares

Cambiar de estilos a las Entradas Populares de Blogger

5 Habilite el gadget de Entradas populares en su blog de Blogger

Cambiar de estilos a las Entradas Populares de Blogger

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

7 Un clic en “Plantilla

Cambiar de estilos a las Entradas Populares de Blogger

8 Un clic en “Editar HTML

Cambiar de estilos a las Entradas Populares de Blogger

Ahora se le abrirá el Editor HTML de su plantilla

Cambiar de estilos a las Entradas Populares de Blogger

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 mire 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.

 Blogger

9 Busca este código

<b:skin><![CDATA[

10 Inserte las siguientes líneas de código justo abajo del código que encontró

/*---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

¡Fácil verdad!

¿Necesitas ayuda?

Cualquier pregunta no duden en escribir

emailEnviar por correo

2 comentarios:

  1. ¡Genial y funciona perfectamente! Solo una pregunta, al instalarlo me cambia también la fuente, ¿hay algún modo de que se mantenga la fuente predeterminada?
    Gracias y felicidades.

    ResponderEliminar
  2. Hola José, por favor ingrese el codigo justo antes del siguiente codigo ] ] > < / b:skin >

    Saludos

    ResponderEliminar

Discusión

person_pin Luis Chávez

group_work Fundador

contact_phone +593 994589032

email ayudadeblogger@gmail.com

Entradas populares

Youtube.com/ayudadeblogger

Suscríbete

Etiquetas

Adsense dispositivos moviles (2) Alojamiento web (12) Aplicaciones moviles (15) Backlinks (1) Breaking News para Blogger (3) Como (33) Como crear una pagina web gratis (8) Comprar Dominios (2) Comprar un Dominio en Godaddy (2) Configurar dominio de Godaddy en Blogger (1) Consejos de Blogs (33) Consejos de Trafico (12) Correo Dominio (3) Crear un Sitemap (6) Crear una Aplicacion gratis (2) Diseno Responsive (5) Diseño Web (7) En vivo (1) Entradas Populares (18) Enviar Sitemap a Bing y Yahoo (1) Error al analizar XML (5) Facebook trucos (10) Firefox (9) Formulario de contactos (3) Ganar Dinero (22) Google (11) Google Adsense (10) Google Plus (5) Guia de SEO (2) Herramientas Blogger (4) Herramientas para Webmasters (6) Iconos Font Awesome (1) Info Tech (1) La ética de los blogs (2) Laptops (2) Manual Blogger (11) Material Design Blogger (2) Medios de Comunicacion Social (39) Menu desplegable (20) Menu Responsive para Blogger (6) Mobile-friendly (9) Movil (12) Noticias (3) Optimizado para moviles (4) Plantillas Blogger (42) Plantillas Landing page para Blogger (3) Popout (6) Posicionamiento SEO (22) Publicidad (2) SEO Mobile (12) SEO para Moviles (14) Sitemap (1) Sitios web optimizados para moviles (3) Slider Carrusel (7) Slideshow (35) Smartphone (12) Social Media Marketing (1) Tácticas de Marketing (4) Tecnologia (12) Temas de invitados (2) Top Hosting (3) Trucos Blogger (40) Trucos CSS y HTML (11) Web Hosting (14) Widget Acordeón (3) Widget Tab Multiple (1) Widgets para Blogger (69) Widgets Suscripciones (9) Widgets y Plugins (6)

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Seguidores

Comentarios