add

Como cambiar de estilos a mis Entradas Populares de blogger


Como era de esperarse, ya que muchos amigos me han preguntado como cambiar el estilo de las entradas populares de Blogger, pues con respuesta a lo antes mencionado es muy fácil si sigues mis instrucciones tal y como las señalo. Para no hacerte muy largo la introducción nos vamos a ir directamente a trabajar.

Como cambiar de estilos a mis Entradas Populares de blogger

Nota importante:

Antes de empezar este tutorial, se recomienda realizar una copia de seguridad de su blog de Blogger, o primero practicar en un blog de ejemplos. Si no sabe cómo realizar una copia de seguridad de su blog, puede seguir las instrucciones del siguiente enlace:


Ayudadeblogger.com no se responsabiliza, si usted no realizo correctamente la inserción del código, para más detalles específicos, puede visitar el siguiente enlace:


A continuación ¿Como cambiar de estilos a mis Entradas Populares de Blogger?   

1 Diríjase a diseño

Como cambiar de estilos a mis Entradas Populares de blogger

2 Abrir un gadget



3 Buscar “Entradas Populares” tal como se muestra en la imagen

Como cambiar de estilos a mis Entradas Populares de blogger

Dele un clic donde dice “Entradas Populares”, luego se le desprenderá un cuadro y realice los mismos pasos que se muestra en la imagen.

Como cambiar de estilos a mis Entradas Populares de blogger

En “Titulo” ponga el nombre que usted desee

Donde dice “Mostrar” déjelo tal como está en la imagen, luego ponga “Guardar” y ubíquelo en el lugar donde quiera que se muestre sus Entradas Populares.

1 Un clic en “Plantilla

Como cambiar de estilos a mis Entradas Populares de blogger

2 Un clic en “Editar HTML

Como cambiar de estilos a mis Entradas Populares de blogger

Ahora se le abrirá el Editor HTML de su plantilla

Como cambiar de estilos a mis 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.

Como cambiar de estilos a mis Entradas Populares de blogger

3 Busque el siguiente código

]]></b:skin> 

4 Justo arriba del código que encontró, inserte las siguientes lineas de código.

/*--- Entradas Populares ayudadeblogger.com--- */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(http://1.bp.blogspot.com/_7wsQzULWIwo/ SmodosCuJCI/AAAAAAAABh4/ZSXbVW9Qpa8/s400/261.gif) no-repeat scroll 5px 10px;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border: 1px solid #0000FF;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.popular-posts ul li:hover {
border:1px solid #0000FF;
}
.popular-posts ul li a:hover {
text-decoration:none;
}


Luego de haber insertado el código, un clic en  Guardar plantilla


Como cambiar de estilos a mis Entradas Populares de blogger

5 Visite su blog de Blogger y mire sus cambios, ahora ya tienes un nuevo estilo y único en tus Entradas Populares.

¿Necesitas ayuda?

Cualquier pregunta no dude en hacérmelo saber.

4 comentarios:

  1. Gracias amigo, mi blog es wared-red.blogspot.com entra y veras el cambio.

    ResponderEliminar
  2. Disculpa: Encontre el código ]]>

    pero el código que se escribe encima sería todo el recuadro
    o solo los códigos que están resaltados con amarillo
    0000FF;
    #0000FF;

    ResponderEliminar
    Respuestas
    1. Debes insertar todo el codigo que se encuentra en el recuadro.
      Saludos.

      Eliminar
  3. ¡Hola!, el gadget coge por defecto la primera imagen del artículo, ¿habría alguna forma de elegir la imagen?

    ResponderEliminar

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 (32) 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 (10) 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