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
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: 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.
6 Un clic en Plantilla
7 Un clic en Editar HTML
8 Ahora necesita aumentar un valor, cambiar 72 por 300, para ello siga las instrucciones del siguiente video tutorial
6 Un clic en Plantilla
7 Un clic en Editar HTML
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
Interesante, lo voy a poner en practica.
ResponderEliminarHola Carolina, recuerda que cualquier parte que no puedas realizar, solo me dejas un comentario y de inmediato te espondere.
ResponderEliminarSaludos...
Este comentario ha sido eliminado por el autor.
ResponderEliminarno se que pasa pero no funciona... agradecería su ayuda.
ResponderEliminarHola 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
ResponderEliminarSaludos.
a mi me paso igual, el efecto no es de 3d, sino que es el de acordeon, podrias corregirlo? lo nesecito urgente
ResponderEliminarHola 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.
ResponderEliminarSaludos.
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!
ResponderEliminarahora 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.
ResponderEliminarSencillamente genial. Es un efecto muy visual que llama la atención en el blog.
ResponderEliminarUn millón de gracias!!
www.laseternaspalabras.blogspot.com.es
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!!!!
ResponderEliminarHola, enviame la direccion de tu blog.
EliminarSaludos,.
no he podido hacer q funcione alguno saludos
ResponderEliminar