BloggerTips: Slider Simple para Blogger ACTUALIZADO

BloggerTips: Slider Simple para Blogger ACTUALIZADO


Hey que tal amigos de YouTube Aquí su servidor Sergio Medina de HoyGeek. En este vídeo vamos a hacer una actualización, una mejora a un tutorial pasado que tenemos en nuestro canal, que es sobre cómo agregar un slider a nuestro blog. Por qué hacemos esta actualización. Hemos recibido muchos comentarios por las redes sociales y por nuestro Blog. Que con ese Slider han tenido problemas al configurarlo y al instalarlo. Entonces hemos actualizado un poquito el código. Y hemos encontrado digamos que una solución Vamos a ver cuál es el Slider que vamos a agregar. Aquí tenemos el Slider. Es muy sencillo como les dije. Es el mismo que hemos utilizado en el tutorial pasado Lo que hemos mejorado ah sido la forma en como se va a configurar, en como se va a instalar. También lo que hemos mejorado a sido el peso que tiene este Slider. Ya no es tan cargado, no es tan pesado. Y esto en qué ayuda. Bueno básicamente ayuda en lo que es el SEO de nuestro blog. Ya que va a ser mucho más ligero nuestro blog. Y va a ser mucho más fácil de interactuar con nuestro blog mas fluido. muy simple en hockey es sider se va a nico a ganar cualquier blog a cualquier estilo algo que también quiero recalcar es que solamente este tutorial va a servir para blogs que utilicen plantillas oficiales de blogger hockey pueden utilizarla emprendidas de terceros ok básicamente en la misma instalación solamente cambian algunas cositas la configuración es la misma sólo varía un poco en la configuración digan perdón en la instalación ok pero ya esto les voy a explicar más adelante él porque luego es lo mismo en que utilizarlo o en la misma instalación que en un una plática oficial de blogger con una plantilla de terceros porque ya lo vamos a ver en el transcurso de se torea así que no quiere enredar dos más no quiero enredarme yo tampoco así que empecemos con momentos brillantes empezar quiero decirles que voy a trabajar en este blog para este ejemplo ok voy a autorizar lo para que vean que eliminado el slider y todo las configuraciones y todas las instalaciones todos bueno todo el código que hemos terminado que están limpios ahora vamos a dirigirnos a nuestro blog oa línea que te voy a dejar aquí la información de este video jockey aquí vas a encontrar todo el código que vamos a utilizar es muy simple de instalar toalla o no ver en es el trial así que bueno lo primero lo primero que tenemos que hacer es darnos cuentas en nuestro blog tiene integraban la plantilla es muy muy importante que lo tenga es que no saber es si tu blog tiene esta librería puedes entrar al link que basar en este post it en envasar en información de este vídeo para que puedas darte cuentas es que tu blog lo tienen o no si también hay técnico como ava negarlo es muy simple solamente es una línea de código es un script que se tiene que bregar de todas formas te lo dejo quien este post en esta parte que pueden solucionar a quién es este código la cam ok simplemente lo copiamos nos vamos al blog que queremos instalar este slider nos vamos a la sección de plantilla editar html y aquí en el editor de entretenerme les apretamos comando efecto control f y buscamos la etiqueta de cierre de gerlo listo nos va a seleccionar a king y justo arriba de estética eta/ekin coge arribe la etiqueta het formosa penal el código que hemos copiado anteriormente y le damos cuarta en plantilla el estu esto esto no va a afectar en una glock ok no va a agregar nada te simplemente una librería de ok una es que tengamos de esto ya podemos empezar con la instalación del slider lo siguiente es copiar este pequeño escribir que tenemos acá vamos lo copiamos íbamos obviamente el editor de html y buscamos la etiqueta het que es esta pero lo que vamos a hacer en ese caso que es que es mejor que lo haga si es debajo de la librería o del código que se está debajo de este código vamos área del código que hemos copiado previamente que es el script del slider joven el cual es este disco simplemente le demos acuerdo al plan tía ellas a eso tampoco va agregar nada por ahora en nuestro blog simplemente él es el script de éste es líder con qué es lo que va a hacer que funcione ahora lo siguiente es agregar dos estilos los cuales están ancam son esos estilos son en realidad muy pocos porque como les dije anteriormente en la introducción de sentón trial la idea es que sea un poco más ligero ese es la air y así ayude a la navegación en nuestro blog lo copiamos en nos dirigimos nuestro blog en ese caso y aquí heridos pero más agregar dos están directamente desde el editor del html el cual es éste compara los principiantes bueno es una forma más rápida de regarlo exigirnos a plantilla personalizar y aquí en personalizar no somos en la sección de avanzado y buscamos la que diga añadirse es ese porque esa es una herramienta del diseñador del plan días el olor que es muy útil tengo también un vídeo que le puedes dar clíck aquí en pantalla en anotación que te voy a dejar para que te vayas directamente ese vídeo y puedas entender mucho más de esta herramienta muy útil por cierto que nos ofrece blogger o de comosa pegar dos estilos aquí en entendemos estos hockey algo que vamos a comprar aquí y les voy a explicar desde éste o de del post para que me manden ver mejor es simplemente el alto de nuestro slider ok el alto el slider y el alto de las imágenes que vamos a negar digamos que es el aérea se adapta lancho de dónde lo vamos a negar ya que el ancho e está digamos que al 100% en ese que se va a adaptar al año que tenga exactamente la sección en donde le estamos agregando con keith ya que el ancho tiene un 100 por ciento ok no mover real mucho en esto no les voy a explicar mucho de esto porque quiero lo que es el trial será muy básico hockey así que no se preocupen por eso hockey preocupe de solamente por considerar el alto del de sider y el art el alto de la ins de las imágenes el cual es la propiedad de jaime que es esté acá es la cal mihai ok si en el primer height colocamos 450 digamos que 400 píxeles entonces nosotros tenemos que también colocarán en high 400 píxeles si el de arriba colocamos tienen dos pinceles el ming tsai también tenemos que colocar 500 píxeles con kay tiene que ser la misma el mismo valor con que es muy importante que tengan esto en cuenta entonces en este caso yo lo tengo con un 3 en 250 píxeles y nin hai 350 píxeles así que no tengo con qué durar básicamente nada porque en la altura que quiero que tenga el slider en mi blog entonces luego que tengamos esto simplemente le damos aplicar al blog teníamos que haber que él esto le damos clic ahora a volver a blogger ahora nos regresamos al voz y vamos a tener ya la estructura que va a tener nuestro slider vamos a copiar este código en la cama que básicamente es hundir y son una imagen y relax porque lo copiamos y nos dirigimos nuestro a nuestra sección de diseño y aquí vamos a bregar un gag que normalmente esto lo colocamos debajo de la cabecera mejor dicho debajo al menos puedes colocar donde tú quieras ok donde tú quieras lo puedes colocar puedes cortarla en el cine bar en la cabecera en futer en donde tú quieras lo que le puedes dar un montón de de diferentes tipos de un se le puede dar es slider y hace caso logra colocar debajo del menú entonces lo voy a colocar en esa sección que dice ec los que 222 que se bajó el menú entonces cómo ves aquí no me dejan ya delicada que esto suele pasar pero no se preocupen porque podemos dirigirnos a otra sección en donde sí nos permita como en este caso que inculcamos el que dice html y llaves y aquí agregamos el código que hemos copiado previamente le podemos dar cualquier título de slider lover por ejemplo y aquí es donde vamos a configurar las imágenes que queramos que tenga y los enlaces también que creemos que tengamos aquí obviamente nuere la imagen uno no los del colocar una imagen en un wereley imagen 2 también otra imagen y así sucesivamente ok ahora para el enlace es simplemente borrar este icono este símbolo de michelin o el de hígado o como lo quieran llamar borramos y por ejemplo colocamos www.google.com y ese sería la url que tendrá la primera imagen y así hacemos con las demás en este caso solamente tenemos tres imágenes para este slider pero tú puedes alegarlas que tú quieras como r ga suma simplemente copias maestras de líneas en ese caso por ejemplo está o puedes comprar estar acá o están aquí en cualquiera simplemente copia más esa niña lo pegamos debajo lo tengamos debajo y así agrega moss otras imágenes más o que hay mexicanos simplemente voy a tener tres imágenes para mostrarles y voy a configurar con las reales de la imagen y los enlaces ok yo aquí ya lo configure anegue las imágenes y los enlaces y simplemente le damos guardar una vez que lo tengamos guardado aquí lo tenemos con el nombre de slider blogger y simplemente lo arrastramos hacia esa selección de cross con dos nos soltamos leamos guardar disposición no es que esté guardado nosotros en nuestro blog antolí samos y listo ya tendríamos nuestra slider agregado como ves ya se está configurando ya está pasándolo las imágenes ok como ves todo funciona fácil es una slider muy simple fácil de configurar fácil de instalar como les dije anteriormente y bueno eso sería todo por ese video espero les haya gustado no se ríen de dejar sus comentarios también dejar su pulgar para que nosotros podamos seguir con los ulteriores sé en qué estado subiendo en últimamente vídeos estoy muy muy ocupada pero voy a tratar de subir más contenidos sobre un blogger que es lo que me es enfocarnos más en ese canal pero también quiero que me dejen sus sugerencias es que tienen alguna duda sobre algún tema quieren que haga un 2 leal específico menos puentes con los comentarios en las redes sociales que estoy al tanto en facebook y yo con gusto les respondo ahrir puedo hacer un tutorial sobre eso ok entonces eso sería todo vides de suscribirte a nuestro canal para que te lleguen todas para que te lleguen todas las actualizaciones y es que estuvimos en un video nuevo o algunas cositas más que tal vez estemos centralizando y bueno eso sería todo por ese video pero está demostrado y nos vemos hasta la próxima

21 thoughts on “BloggerTips: Slider Simple para Blogger ACTUALIZADO

  1. Muchas gracias; me ha servido muchísimo tu tutorial. 🙂
    Sólo tengo una duda, ¿cómo puedo agregar efectos de transición? 🙂 Soy novata y no quiero arruinar el código modificándolo según otros tutoriales :-S
    Gracias nuevamente y saludos.

  2. Hola..Hay alguna forma de hacer una galeria de fotos en Blogger, una con alguna pestaña desde donde se pueda acceder a ellas? Saludos..Gracias..

  3. Que tal felicidades, muy precisos y claros los tutoriales. Quería preguntarte, en mi blog no aparece la etiqueta head, podrías ayudarme? es una plantilla de terceros

  4. Sabes ya tenia un slider pero por aklguna razon dejo de trabajar, apreciaria mucho si me ayudas a configurarlo gracias por ser parte de los buenos tutoriales..

  5. no pude sacar los url de las imagenes para que aparescan en el blogg podrias explicar como lo haces

Leave a Reply

Your email address will not be published. Required fields are marked *