add

Widget Entradas populares de Blogger en Horizontal


¿Cómo insertar mis Entradas populares de Blogger en forma horizontal? ¿Agregar mis Popular post “Entradas populares” en Horizontal? ¿Desplegar mis Entradas populares en Horizontal? ¿Cómo hacerlo horizontal mis Entradas populares? Para realizar este truco de Blogger debemos insertar un simple código CSS en nuestra plantilla. Esto creara el efecto de mostrarse las Entradas populares “Popular post” de nuestro blog en forma horizontal.

Widget Entradas populares de Blogger en Horizontal

Pueden ver su demostración en el siguiente blog de demos

DEMO

¡Les gusto verdad!

Vamos a trabajar

1 Ir a Blogger

2 Un clic en “Diseño

Widget Entradas populares de Blogger en Horizontal

3 Abre “Añadir un gadget

Widget Entradas populares de Blogger en Horizontal

4 Busca el widget que dice “Entradas populares” ábrelo

Widget Entradas populares de Blogger en Horizontal

5 Configura tus Entradas populares siguiendo las instrucciones de la siguiente imagen

Widget Entradas populares de Blogger en Horizontal

6 Un clic en “Guardar

7 Ubica tu Entrada popular “Popular post” debajo de la cabecera principal de tu blog de Blogger o al final de tu blog. Ahora da un clic en "Guardar disposición"

Widget Entradas populares de Blogger en Horizontal

8 Vamos a insertar un código CSS en nuestra plantilla siga las siguientes instrucciones:

Un clic en “Plantilla

Widget Entradas populares de Blogger en Horizontal

2 Un clic en “Editar HTML

Widget Entradas populares de Blogger en Horizontal

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

Widget Entradas populares de Blogger en Horizontal

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.

Widget Entradas populares de Blogger en Horizontal

Busca el siguiente código

]]></b:skin>

Inserta las siguientes líneas de código justo arriba del código que encontraste

#PopularPosts1 li{display:inline;list-style:none;width:155px;float:left;text-align:left;padding:0 0 0 5px}
    #PopularPosts1 .item-title{display:none;list-style:none;float:left;text-align:left;width:100px;font-size:.80em}
    .PopularPosts .widget-content ul li{
    background:#DF0417;
    border:3px solid #060405;
    border-radius:10px;
    float: center;
    color:#060405;
    list-style: none outside none;
    margin: 5px 0 0!important;
    padding: 5px !important;
    }
    .PopularPosts .item-thumbnail{
    margin: 3px !important;
    }
    .item-thumbnail img{
    background:#060405;
    border: 1px solid #060405;
    height: 80px;
    padding: 5px;
    width: 115px;
    border-radius:10px;
    }
    .item-thumbnail img:hover{
    border:0px solid #060405;
    }

Widget Entradas populares de Blogger en Horizontal

Puedes cambiar los colores en el siguiente lugar:

background:#DF0417;    Este código que está marcado de color rojo representa el fondo de color Rojo
border:3px solid #060405; Todos los códigos de colores que están marcados de color verde que llevan el código 060405 representan el color negro, si gustas puedes cambiarlo por el código de color que tú quieras.
color:#060405;
background:#060405;
border: 1px solid #060405;
border:0px solid #060405;

Un clic en “Guardar plantilla

Listo, ahora mira tú nuevo widget Entradas populares de forma horizontal ubicada debajo de la cabecera principal de tu blog de Blogger

¡Fácil verdad!

¿Necesitas ayuda?

Cualquier pregunta no duden en hacérmelo saber

Más trucos de Blogger sobre Entradas populares


0 comentarios:

Publicar un comentario en la entrada

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 (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