Nuevos estilos Entradas populares para blogger


Es impresionante lo que blogger puede hacer con un simple código, el día de hoy compartiré un código muy simple, para poder cambiar los estilos de nuestras entradas populares de blogger. Muchos bloggers buscan nuevos temas y así poder tener una plantilla única y que sea atractiva para el usuario.  Las entradas populares para blogger se las puede utilizar de diferentes formas y estilos, cada una de ellas cumple diferentes temas. Ayudadeblogger.com te ayudara con un estilo de código fácil de insertarlo en tu blog de blogger, con el cual no causara daño alguno en la estructura de su plantilla, este código esta probado en todos los navegadores como Firefox, Google Chrome, Internet Explorer, etc, y funciona perfectamente. Deberán seguir las instrucciones de configuración tal como lo explico en este post.

Entradas populares para blogger

También puedes ver algunos post que publique sobre las entradas populares:


A continuación mire su demostración en mi blog de demos, la entrada popular se encuentra en el sidebar y lleva el nombre de “DESTACADO


Te gusto este estilo de entrada popular para blogger!

Vamos a implementarlo en nuestro blog

1 Ir a blogger

2 Da un clic en “Diseño

Entradas populares para blogger

3 Un clic en “Añadir un gadget


Entradas populares para blogger

4 Busca el widget que lleva el nombre de “Entradas populares”, y habilita las casillas tal como lo tengo en la imagen a continuación, luego le das un clic en “Guardar

Entradas populares para blogger
Entradas populares para blogger

5 Una vez hecho esto, da un clic en “Plantilla

Entradas populares para blogger

6 Un clic en “Editar HTML

Entradas populares para blogger

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

Entradas populares para blogger

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.

Entradas populares para blogger

7 Busca este código

]]></b:skin>

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

/* stard popular post by Ayudadeblogger.com---------------------------------------------- */
.PopularPosts .widget-content ul li{padding:0;position:relative}
.item-snippet {
font-size: 90%;
line-height: 1.2em;
position: absolute;
width: 230px;
background-color: whiteSmoke;
padding: 7px;
border-top: 2px solid #FF0202;
z-index: 2;
left: 300px;
top: 60%;
height: 4.5em!important;
visibility: hidden;
opacity: 0;
transition: all 0.6s cubic-bezier(1,2,0,0) 0s;
-moz-transition: all 0.6s cubic-bezier(1,2,0,0) 0s;
-webkit-transition: all 0.6s cubic-bezier(1,2,0,0) 0s;
-o-transition: all 0.6s cubic-bezier(1,2,0,0) 0s;}
.PopularPosts .widget-content ul li:hover .item-snippet{left:60px;opacity:1;visibility:visible}
.PopularPosts img{width:50px;height:50px}
.PopularPosts .item-title{font-family:'Open Sans Condensed',"Arial Narrow",Arial,sans-serif;font-size:125%}

8 Es momento de dar un clic en “Guardar plantilla

Listo eso es todo, ahora dirígete a tu blog y mira el nuevo cambio en los estilos de tus entradas populares.

Fácil!

¿Necesitas ayuda?

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

Saludos.




Share:

Related post

Disqus

Disqus comments:


Google+

Google+ comments:

Facebook

Facebook comments: