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é




Share:

Related post

Disqus

Disqus comments:


Google+

Google+ comments:

Facebook

Facebook comments: