Añadir imagen grande en portada

Keruh Seguir

Beta
Social Media
Verificación en dos pasos desactivada
Desde
15 Nov 2013
Mensajes
96
He abierto otro mensaje, pero he cambiado de plantilla, así que abro otro tema porque son problemas diferentes.
Buenas Costumbres
En la pagina principal, seria posible añadir una imagen grande con slider?


¿Qué motiva el dolor por la muerte? - Buenas Costumbres
En las entradas, cambio la disposicion de la fecha, botones de compartir, etc en el menu diseño, pero estos cambios no se reflejan en el blog. ¿Es posible que al utilizar plantilla personalizada deba retocarlo en el html?

La plantilla que uso es Rifqiy-theme

Saludos.
 

Emanuel Andrei

Dseda
Programador
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
1 Nov 2013
Mensajes
1.220
Hola Keruch

Claro que puedes añadir una imagen grande con slider. Esto se puede hacer con algunos plugin's que trae el mismo blogger. Busca por alli, que seguro que lo encuentras :encouragement:

En cuanto a los cambios, supongo que despues de hacer esos cambios le das a "Guardar", verdad ? (si, lo se, un poco fuera de si la pregunta, pero a veces se olvidan estas cosas :welcoming:). Si aun no te va, tendras que retocar el codigo html para que se te muestre; haciendo las modificaciones desde alli.

Saludos, y suerte! :encouragement:

P.D: El boton de volver arriba no te funciona. ;)
 
Última edición:

Kelvin Estevez

Dseda
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
8 May 2013
Mensajes
1.194
Saludos Keruh;
Si se puede, pero como dices para que te sea mas fácil es mejor retocarlo en el HTML. Solamente tienes que colocar el slider encima o debajo del Header o donde lo quieras colocar, pero recuerda es en el HTML.

Aqui esta:

1. Instalación JavaScript necesario

Por empezar desde cero, si no tenemos jQuery primero añadimos esta línea justo después de }]]></b:skin> para cargar esta conocida librería:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js' type='text/javascript'/>

Una vez seguros de que tenemos la librería en nuestra plantilla, a continuación de esa misma línea añadimos lo que hace que la serie de imágenes funcionen como slider:

<script type="text/javascript">//<![CDATA[
$(function(){
$('#slider div:gt(0)').hide();
setInterval(function(){
$('#slider div:first-child').fadeOut(0)
.next('div').fadeIn(1000)
.end().appendTo('#slider');}, 4000);
});
//]]></script>

Podemos guardar los cambios en la plantilla porque eso es todo. Es simple pero veréis que funciona y hace lo que tiene que hacer. Ahora ya sólo tenemos que poner las imágenes dónde queremos que aparezcan, de la manera que veremos a continuación.

2. Crear el slider

Con esto anterior en nuestra plantilla (aunque nada impide ponerlo directamente en un gadget, en una página o incluso en una entrada como veis aquí) ya podremos crear un visor como el que habéis visto arriba. Sólo tenemos que usar esta estructura HTML para añadir las imágenes:

<div id="slider">
<div><img src="URL_IMAGEN1"/></div>
<div><img src="URL_IMAGEN1"/></div>
<div><img src="URL_IMAGEN1"/></div>
</div>


No sé cómo lo veis pero ya está todo lo necesario.

Para mí esto es bastante ligero y eficiente, mucho más que la mayoría de librerías que se usan quizás demasiado habitualmente.


Ajustes

Los tres últimos números del plugin permiten ajustar algunas cosillas. Todos van expresados en milisegundos (4000 = 4 segundos)

fadeOut(0): Tiempo en desaparecer la imagen saliente
fadeIn(1000): Tiempo en aparecer la imagen entrante
('#slider');},4000): Tiempo de permanencia de cada imagen

Espero que te sirva de algo :encouragement:
Fuente: Slider de imagenes en Blogger
 
Última edición:

Keruh

Beta
Social Media
Verificación en dos pasos desactivada
Desde
15 Nov 2013
Mensajes
96
Muchas gracias! Ha quedado genial el slider :) Podeis verlo: Buenas Costumbres
Seria perfecto si fuera posible ponerle unas flechas para pasar de una imagen a otra...

P.D: El boton de volver arriba no te funciona. ;)

Si te soy sincero, ni me habia dado cuenta de que estaba jeje ¿como puede solucionarlo?

Otra cosa que no me funciona, es el gagdet de la barra derecha donde se cambia de Populares a etiquetas a archivo...

Y por cierto, no me cuenta las veces compartido por twitter, pero creo que eso es fallo general de la red social, ¿puede ser?

Gracias!
 

Emanuel Andrei

Dseda
Programador
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
1 Nov 2013
Mensajes
1.220
Hola Keruh

Para el boton de volver arriba, te encontre esto Botón ?Ir arriba? que desaparece con jQuery - Blog Adpv ..De alli tienes que poner un poco tambien de tu parte para resolverlo, ya que asi aprenderas tambien. :encouragement:
Con el gadget, no se que decirte. Puede ser el gadget mismo, o el blogger que tarda lo suyo en actualizarlo como es debido. Prueba estar pendiente de tus seguidores y del gadget para que veas lo que tarda en actualizarse. Si no te conviene, prueba cambiar hasta que te quedes contento :)

Saludos, y a dejar correr a la imaginacion ! :encouragement:
 

Keruh

Beta
Social Media
Verificación en dos pasos desactivada
Desde
15 Nov 2013
Mensajes
96
Tampoco me aparece el Favicon, lo he puesto a través del editor pero nada. Con la plantilla anterior no habia ningun problema...
El codigo que he encontrado en relacion a esto es el siguiente:
HTML:
   <b:if cond='data:comment.favicon'>
                <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
              </b:if>
 

Keruh

Beta
Social Media
Verificación en dos pasos desactivada
Desde
15 Nov 2013
Mensajes
96
Envie el sabado el sitemap del blog y en las herramientas de webmaster todavia aparece como "enviado" y no como "indexado", ¿es normal?
 

¡Regístrate y comienza a ganar!

Beneficios

  • Gana dinero por participar
  • Gana dinero por recomendarnos
  • Descubre ofertas de empleo diariamente
  • Negocios seguros
  • ¡Información premium y más!

Acceder

¿Ya tienes una cuenta? Accede aquí

Arriba