Cambiar el estilo a mis Entradas Populares de blogger
Sliders Kiradober: No se responsabiliza, si no realizaste correctamente la inserción del código, para más detalles específicos, puedes visitar el siguiente enlace:
A continuación ¿Cambiar de estilos a mis Entradas Populares de Blogger?
1 Diríjase a diseño
2 Abrir un gadget
3 Busca “Entradas Populares” tal como se muestra en la imagen
Dele un clic donde dice “Entradas Populares”, luego se le desprenderá un cuadro y realiza los mismos pasos que se muestra en la imagen.
En “Titulo” pon el nombre que tu desees
Donde dice “Mostrar” déjalo tal como está en la imagen, luego ponlo a “Guardar” y ubícalo en el lugar donde quieras que se muestre tus Entradas Populares.
A continuación:
1 Un clic en “Plantilla”
2 Un clic en “Editar HTML”
Ahora se te abrirá el Editor HTML de su 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 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.
3 Busca el siguiente código
]]></b:skin>
4 Justo arriba del código que encontraste, inserta 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;
}
.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”
5 Visite su blog de Blogger y mire sus cambios, ahora ya tienes un nuevo estilo y único en tus Entradas Populares.
Fecha:24/12/2016
Publicado por:
Fuente; ayudadeblogger
No hay comentarios:
Publicar un comentario