add

Como cambiar de estilo a mis Entradas Populares


La facilidad de realizar diferentes trucos para Blogger es una forma de darle un diseño único a nuestro blog y presentar a los usuarios que visitan nuestro blog un nuevo diseño web profesional. La presentación de nuestro blog perfectamente al público es la llave para el éxito. Un nuevo código CSS realizara todo el cambio necesario para darle un nuevo estilo a nuestras Entradas Populares, lo que vamos hacer es insertar un estilo CSS en el Editor HTML de nuestra plantilla y nos dará como resultado un estilo de números en las Entradas Populares

Como cambiar de estilo a mis Entradas Populares

A continuación pueden ver su demostración en el siguiente blog de demos

DEMO

Vamos a trabajar

1 Ir a Blogger

2 Un clic en “Diseño

Como cambiar de estilo a mis Entradas Populares

3 Habilita el gadget de “Entradas populares” si no sabes cómo sigue las siguientes instrucciones

Abre un gadget “Añadir un gadget

Como cambiar de estilo a mis Entradas Populares

Busca el gadget que tiene como “Entradas populares

Como cambiar de estilo a mis Entradas Populares

Ábrelo y habilitalo tal como lo muestro en la imagen. Tendrá que configurar sus parámetros, como se muestra en la siguiente imagen: desmarque la opción "imagen en miniatura" y también "fragmento" Es mejor que se muestra en la mayoría de los puestos de 7 a 8. Menos es bueno y limpio.

Como cambiar de estilo a mis Entradas Populares

Luego damos un clic en “Guardar” y lo ubicamos en el sidebar

Segundo Paso

Vamos a dirigirnos al Editor HTML de nuestra plantilla para insertar el código CSS que realizara todo el cambio

1 Un clic en “Plantilla

Como cambiar de estilo a mis Entradas Populares

2 Un clic en “Editar HTML

Como cambiar de estilo a mis Entradas Populares

Ahora se te abrirá el editor HTML de tu plantilla, se mostrara igual como la imagen que esta a continuación

Como cambiar de estilo a mis Entradas Populares

En este punto deberás presionar la tecla “Control” de tu teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de tu editor, debes esperar unos segundos hasta que se muestre, 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 te mostrara tal y cual deberá aparecerte el buscador en tu editor HTML de tu plantilla y así puedas colocar el código en el buscador al momento que yo diga busca este código.

Como cambiar de estilo a mis Entradas Populares

3 Busca este código

</b:skin>

 Una vez que hayas encontrado el código, tendrás que insertar el siguiente código justo arriba del código que encontraste

/*--- Start --- */
    .popular-posts ul {
    padding-left: 0px;
    counter-reset: popcount;
    }

    .popular-posts ul li:before {
    list-style-type: none;
    margin-right: 15px;
    padding: 0.3em 0.6em;
    counter-increment: popcount;
    content: counter(popcount);
    font-size: 16px;
    background: #292D30;
    color: #ffffff;
    position: relative;
    font-weight: bold;
    font-family: georgia;
    float: left;
    border: 2px solid #dddddd;
    box-shadow: 1px 2px 9px #666666; }

    .popular-posts ul li {
    border-bottom: 1px dashed #dddddd;
    }

    .popular-posts ul li:hover {
    border-bottom: 1px dashed #696969;
    }

    .popular-posts ul li a {
    text-decoration:none; color:#5A5F63;
    }


    .popular-posts ul li a:hover {
    text-decoration:none;
    }

Luego de insertar el código procedemos a dar un clic en “Guardar plantilla

Como cambiar de estilo a mis Entradas Populares

Listo, felicidades has realizado un buen trabajo, ahora mira el nuevo cambio en tu blog

Además, publique otros tipos de estilos para nuestras Entradas populares, si les interesa pueden revisarlos


Recuerda suscribirte y recibirás mies nuevas actualizaciones directamente en tu correo electrónico

¿Necesitas ayuda?

Cualquier pregunta no duden en hacérmelo saber y de inmediato les responderé

Saludos

emailEnviar por correo

1 comentarios:

  1. no salen los numeros en mi plantilla no se que pasa ayudame por favor este es mi blog http://paginaswebayaviri1.blogspot.com/

    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