add

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 dos pasos y no tendrán que ingresar a el código HTML de su plantilla. Este truco para uso exclusivo de blogger es muy fácil de realizarlo.

Entradas Populares convertidas  en imágenes 3D

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


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: 200px; 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="http://accordion-for-blogger.googlecode.com/svn/trunk/jqueryimagecube.js"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
    $('.popular-posts ul').abupopularcube();
});

</script>
<script type="text/javascript" src="http://accordion-for-blogger.googlecode.com/svn/trunk/popularcube.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

Eso es todo ahora mira los cambios en tu blog de blogger

¿Necesitas ayuda?

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

13 comentarios:

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

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

    ResponderEliminar
  3. 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
  4. a mi me paso igual, el efecto no es de 3d, sino que es el de acordeon, podrias corregirlo? lo nesecito urgente

    ResponderEliminar
  5. 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
  6. 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
  7. 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
  8. 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
  9. 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
    Respuestas
    1. Hola, enviame la direccion de tu blog.
      Saludos,.

      Eliminar

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