Entradas Populares convertidas en imágenes 3D


Es muy interesante jugar con los códigos de Blogger, y realizar nuevas formas de estructuras en nuestro blog de Blogger. El día de hoy les voy a mostrar un interesante tema de cómo crear imágenes en 3 D utilizando nuestras entradas populares de Blogger, lo único que van a realizar son solo tres pasos. Este truco para uso exclusivo de Blogger es muy fácil de realizarlo.


A continuación mire la demostración en mi blog de demos.


Bueno les encanto verdad! Ahora vamos a trabajar

1 Abrir Blogger

2 Ir a Diseño


Entradas Populares convertidas en imágenes 3D

3 Abrir un Gadget y buscar el widget que dice “Entradas populares” y habilitar solo imágenes, tal como se muestra en la imagen a continuación:

Entradas Populares convertidas en imágenes 3D

Si ya tienes puesto el widget de Entradas populares sáltate este paso.

4 Ahora vas abrir un nuevo gadget y busca este widget “HTML/Javascript”, y inserta el siguiente código en su interior.

<style type="text/css">
.cube { width: 290px; height: 200px;}
a img { border: none; }
#linksCube img { width: 100%; height: 100%; }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="https://cdn.rawgit.com/Luis-Chavez/jqueryimagencube-ayudadeblogger/de2b569a/.js"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
    $('.popular-posts ul').abupopularcube();
});

</script>
<script type="text/javascript" src="https://cdn.rawgit.com/Luis-Chavez/popularcube/31bcca4b/.js"></script>


5 Ubica tu nuevo widget enzima de tu widget de Entradas populares  tal como se muestra en la imagen a continuación.

Entradas Populares convertidas  en imágenes 3D

6 Un clic en Plantilla

Entradas Populares convertidas en imágenes 3D

7 Un clic en Editar HTML

Entradas Populares convertidas en imágenes 3D

8 Ahora necesita aumentar un valor, cambiar 72 por 300, para ello siga las instrucciones del siguiente video tutorial



Eso es todo, un clic en Guardar plantilla, ahora mira los cambios en tu blog de Blogger

¿Necesitas ayuda?

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

Recuerda suscribirte:

Obtenga nuestro boletín de noticias diario | Suscríbete gratuitamente SUSCRIBIRSE
¿Te ha resultado útil este artículo, recomiendanos?
Si



Share:

Luis Chávez

Soy el fundador del sitio web Ayudadeblogger.com - Considerado un Pro Blogger profesional, Consultor SEO y desarrollador Web adicto, ejecuto una serie de sitios web desde mi Oficina Quito-Ecuador.

Related post

Comentarios

13 comentarios:

  1. Interesante, lo voy a poner en practica.

    ResponderEliminar
  2. Hola Carolina, recuerda que cualquier parte que no puedas realizar, solo me dejas un comentario y de inmediato te espondere.
    Saludos...

    ResponderEliminar
  3. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  4. no se que pasa pero no funciona... agradecería su ayuda.

    ResponderEliminar
  5. Hola Gitler, el truco es muy facil talvez algo estas haciendo mal, si necesitas mi ayuda directamente, a continuacion te dejo la direccion de mi correo electronico para ayudarte en vivo desde el chat de gmail: ayudadeblogger@gmail.com
    Saludos.

    ResponderEliminar
  6. a mi me paso igual, el efecto no es de 3d, sino que es el de acordeon, podrias corregirlo? lo nesecito urgente

    ResponderEliminar
  7. Hola Carlos, no entiendo muy bien tu comentario, el post es para entradas populares de blogger y su funcionamiento es muy facil de realizarlo. Explicame bien lo que quieres realizar en tu blog y con mucho gusto te ayudare.
    Saludos.

    ResponderEliminar
  8. se ve una lista horizontal con flechitas a los lados, pero no el cubo con efecto 3D, es mas esta lista de fotos de las entradas populares sobresale del area asignada, creo que el codigo que pusiste no es el correcto, trata de conseguirlo, por favor!

    ResponderEliminar
  9. ahora resolvi el problema, habia un codigo para modificar algunos widgets que interferian con tu codigo, ahora si se muestra un cuadro, pero surge otro problema, el efecto del cubo solo aparece a cada tanto, la mayoria de las veces las imagenes se concatenan una detras de otra, pero sin el efecto 3d, igual gracias.

    ResponderEliminar
  10. Sencillamente genial. Es un efecto muy visual que llama la atención en el blog.
    Un millón de gracias!!

    www.laseternaspalabras.blogspot.com.es

    ResponderEliminar
  11. Buenas noches..he realizado uno a uno los pasos y no me sale igual que el DEMO es más solo poniéndo entradas populares no me aparecen las miniaturas....que puedo hacer...gracias!!!!

    ResponderEliminar
  12. no he podido hacer q funcione alguno saludos

    ResponderEliminar