Hace algún tiempo vimos cómo poner unos botones para compartir que se detienen y flotan al bajar la página. Esta vez usando el mismo script conseguiremos el mismo efecto pero con el gadget de Páginas. Lo que hace este código es que al bajar el scroll de la página el gadget de Páginas flota y se mantiene visible, y una vez que se sube el scroll de la página el gadget toma de nuevo su posición original.
En este blog de pruebas puedes verlo funcionando, sube y baja por la página para ver cómo se comporta el menú.
En este blog de pruebas puedes verlo funcionando, sube y baja por la página para ver cómo se comporta el menú.
Para colocarlo en tu blog entra en Plantilla | Edición de HTML y antes de </head> pega lo siguiente:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'/>
<script>
//<![CDATA[
$(function() {
var $flotarMenu = $("#PageList1"),
$window = $(window),
offset = $flotarMenu.offset();
$window.scroll(function() {
if ($window.scrollTop() > offset.top) {
$flotarMenu.css({'position' : 'fixed', 'width' : '880px', 'top' : '0px'});
} else {
$flotarMenu.css({'position' : 'relative', 'top' : 'auto'});
}
});
});
//]]>
</script>
<style>
#PageList1 {
width:880px; /* Ancho del gadget de Páginas */
background:#fff; /* Color de fondo del gadget */
z-index: 99;
}
</style>
¿Qué hay que tener en cuenta si decides usarlo?
Si ya tuvieras jQuery omite la primera línea en color gris. Y si usaras Scriptaculous/Prototype deberás hacer unos cambios.
Lo que está en color rojo es el ID del gadget de Páginas, así que asegúrate que el ID de tu gadget sea el mismo que el que se muestra en el código, ya que algunas veces puede variar a #PageList2, #PageList3, etc. si así fuera sólo cambia lo que está en rojo por tu verdadero ID.
Incluso puedes usarlo con cualquier otro menú, sólo tendrás que cambiar lo que está en rojo por el ID de tu menú, aunque seguramente tendrás que añadir algunos estilos extras debajo de <style>
En color azul se establece el ancho del gadget. Si ves que queda muy angosto o muy ancho ahí es donde deberás moverle.
Si usas la plantilla Fantástico, S.A. (Awesome Inc.) sabrás que el menú cubre todo el ancho de la pantalla, así que quienes usen esa plantilla deberán usar este código en lugar del anterior:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'/>
<script>
//<![CDATA[
$(function() {
var $flotarMenu = $(".tabs-outer"),
$window = $(window),
offset = $flotarMenu.offset();
$window.scroll(function() {
if ($window.scrollTop() > offset.top) {
$flotarMenu.css({'position' : 'fixed', 'width' : '100%', 'top' : '0px'});
} else {
$flotarMenu.css({'position' : 'relative', 'top' : 'auto'});
}
});
});
//]]>
</script>
<style>
.tabs-outer {
width:100%;
background: url(http://www.blogblog.com/1kt/awesomeinc/tabs_gradient_groovy.png) repeat scroll 0px 0px #000; /* Color de fondo */
z-index: 99;
}
</style>
En este caso no hace falta verificar el ID del gadget ni cambiar el ancho del gadget, pero en caso de que lo requieras puedes cambiar el color de fondo modificando lo que está en negrita.
Como has podido ver la instalación es de un solo paso y no hace falta hacer nada más excepto retocar algunos estilos en caso de ser necesario; y el resultado además de ser muy llamativo puede ser muy práctico para tus visitantes y para ti, sobre todo si quieres que tus lectores tengan siempre visibles y a la mano los enlaces de tu menú.
Ciudad Blogger
buen truco potro lo estaba buscando y tu como siempre bien explicado
ResponderEliminarExcelente Potro, buenísimo.
ResponderEliminarGracias.
Lo estuve buscando bastante hace un tiempo para hacer mi propia plantilla y no lo encontraba -.- No importa, si algún día me decido de nuevo a tratar de hacer mi propia plantilla seguro que lo utilizaré jajajaja
ResponderEliminarSaludos
Vale, aquí estará este post cuando lo necesites ;)
Eliminarno me funciona hize los paso, ayuda
Eliminarun buen efecto, lo tendré en cuenta =) POTRO aprovecho para ver si puedes y te queda time y me ayudas a arreglar un problema con mi menu .... el menu se sobre pone a las entradas que tienen imágenes y se ven en vistas dinámica .... te dejo el ejemplo de una entrada en el que se ve el error y una captura de pantalla -
ResponderEliminarEntrada: http://www.enteratecali.net/2014/03/fue-salvado-de-la-eutanasia-y-luego.html
Captura: https://dl.dropboxusercontent.com/u/31270671/01.PNG
quedo pendiente si puedes ayudarme !!!
Amigo, no soy el Potro pero puedo ayudar, lo que debes hacer es buscar en los estilos del menú, una linea que dice "z-index:" esta linea tiene un numero, quitala y listo! Saludos y suerte!
Eliminarexcelente el menu quedo bien, me podrias indicar como hacer con un link que me queda por encima al igual que la imagen de portada ¿?
Eliminardejo una captura https://dl.dropboxusercontent.com/u/31270671/02.PNG
totalmente agradecido por la ayuda =)
Con estos estilos resuelves lo del Lightbox:
Eliminar.CSS_LIGHTBOX {
z-index: 99999999 !important;
}
PERFECTO .... Gracias Novaweb y Gracias Potro !!! ..... las dos respuestas funcionaron perfecta por si a otra persona le pasa esto, lo pueden hacer 100% confiados de que resolverá el problema !!!
EliminarHola, Potro. Ésta no es una duda de éste tutorial sino más que todo de mi blog. Yo quiero que la cabecera sea PNG pero blogger SIGUE añadiéndole el fondo blanco. Y sí, la puse en un fondo .png y ésta guardada en dicho formato. ¿Tienes idea de como solucionarlo?
ResponderEliminar¡Gracias!
Hola Sunwear, no soy el Potro pero puedo ayudar, es muy sencillo, vi tu sitio y en efecto tienes la imagen con transparencia en formato .png, lo que tienes que hacer es ir al "Diseñador de plantillas de Blogger" y en Avanzados ve a fondos, busca hay para cambiar el fondo de la cabecera y ponle "Transparante" y listo con esto se ha solucionado tu problemilla, Saludos y suerte!
Eliminarhttp://oi57.tinypic.com/swzkw2.jpg
EliminarNope :( Ya probé eso varias veces y está en transparente pero sigue sin dejarme.
EliminarEl problema (que no es problema en realidad sino una cuestión de estructura) es que la cabecera está dentro del contenedor general del blog (.content-inner), este contenedor tiene el fondo blanco y es todo ese fondo blanco que ves en el blog, así que como la cabecera está dentro de ese contenedor la imagen al tener transparencias deja ver lo que haya debajo de ella, en este caso el fondo blanco.
Eliminar¿Y cómo hago para quitarla de eso? Se puede?
EliminarNo, porque como te dije antes, es el fondo del contenedor principal del blog, y la cabecera está dentro de ese contenedor.
EliminarExelente Post
ResponderEliminarSaludos Potro. Puedes hacer un tutorial para tener una versión móvil como la de Ciudad Blogger? :)
ResponderEliminarClaro que sí, ya lo tengo anotado para publicarlo más adelante ;)
EliminarMuy útil. Lo tendré en cuenta.
ResponderEliminarHola Potro, qué buen articulo, ya te extrañábamos, qué bueno que regresaste... Eres una gran persona. Te admiro en gran manera. Saludos.
ResponderEliminarNo lo merezco, pero te lo agradezco de igual manera. Un abrazo.
EliminarMe ha quedado de maravilla, sobre todo por la temática que estoy mostrando ahora.
ResponderEliminarMira http://emprendenegociossiglo21.blogspot.com/
Así dan más ganas de dar click a las pestañas, ¿no crees? ;)
EliminarSi Potro, está muy bueno este truco, muchas gracias.
EliminarEstá genial, pero no me deja modificar el ancho, lo que pasa es que no uso plantilla de blogger si no una personalizada
ResponderEliminarespera, ya lo arreglé creo que me faltó buscar mas recursos XD. De todas maneras muchas gracias "El Potro", de verdad que me han servido mucho los trucos de esta pagina para mejorar el blog que administro ;)
EliminarGracias a ti Sebas Bro, ¡saludos!
EliminarMuchas gracias por el tutorial resulta bastante útil implementar este código. ¿Como se podría hacer lo mismo pero en un widget de la sidebar? (Por ejemplo para mostrar siempre la publicidad de Adsense). Estaría bien si hicieras un tutorial sobre esto. Gracias!
ResponderEliminarNo creo que sea buena idea usarlo para AdSense sabiendo que son medio paranoicos con sus políticas, pero para usarlo con cualquier otro gadget sólo cambia el ID en color rojo por el ID del gadget con el que lo quieres usar.
EliminarMuy bueno Potro! Muchos lo vana a implementar en sus blogs.
ResponderEliminarYo tengo una duda urgente, nada que ver con esto. CDmon nos quita varias opciones (redirecciones web y de correo) a los que no pagamos por ningún servicio de ellos. Por lo que dejará de funcionar mi correo y mis redirecciones. Qué debemos hacer? Conoces otro buena empresa que ofrezca DNS gratuitos y que incluyan redirecciones web y de correo? Mi dominio está registrado en nic.ar
Muchas gracias compañero!
Hay varios sitios que ofrecen la gestión gratuita de DNS, como OpenProvider y EntryDNS. No sé si alguno de ellos permita la redirección y demás herramientas, será cosa de revisar cada uno de ellos, puedes crearte una cuenta y ver qué opciones de las que necesitas te ofrecen.
EliminarOtra opción más drástica sería que transfieras tu dominio con CDmon así gozarías de todos sus servicios, pero, la transferencia tiene un costo equivalente a un año del dominio, prácticamente es como si renovaras el dominio, pero con CDmon.
Gracias! Veré que pasa con CDmon, ya que me comuniqué y me comentaron lo siguiente:
EliminarLe informamos que la configuración que tiene seguirá funcionando de la misma forma, solo deberá acceder cada tres meses para renovar el DNS gratuito (a través del enlace que recibirá en el correo electrónico) y en caso que considere que ésta opción no le convence debería realizar la migración de los dominios hacía cdmon. Realizar la migración de los dominios no afecta en cuento a configuración de DNS.
Lo malo de CDmon es que un .com.ar sale 29,45€, unos 317 pesos argentinos y en Nic.ar ahora salen 160 (antes eran gratis), casi la mitad.
Tengo otra duda, con AdSense, ahora permiten poner más anuncios? Porque veo sitios que no son Premium y tienen más de 3. Yo tengo 3, y probé por un segundo poner un cuarto, y se ven si problemas todos. Que raro.
No pues sí sale caro el dominio con ellos, en todo caso conviene más que lo compres en name.com o GoDaddy, están en 10 dólares aprox.
EliminarLo otro no, hasta donde sé el número máximo de anuncios de AdSense por página sigue siendo el mismo, quién sabe cuál sea la situación de las páginas que has visto.
El potro volvió y con su blog al estilo Flat,es un gusto tenerte de nuevo :'D
ResponderEliminarGracias :)
EliminarHola Potro
ResponderEliminarFabuloso post, fíjate que en uno de mis blog, en reemplazo al gadget de páginas, tengo un gadget de avisos o notificaciones en el mismo lugar con las mismas dimensiones, mi pregunta es, como sé cual es el ID de ese gadget? como puedo saberlo? donde lo busco?.
Gracias Potro y que bueno que volviste! ;)
Hola Joan, busca en el HTML de la plantilla el nombre del gadget, junto a él verás cuál es su ID, si no tiene nombre ponle uno momentáneamente para que lo reconozcas.
EliminarSaludos!
Genial!.... No sabia como hacerlo, gracias Potro! ;)
EliminarMenos mal que regresas, gracias
ResponderEliminarUn saludo
Menos mal que aun están aquí :)
EliminarExcelente! Un abrazo!
ResponderEliminarHola, Potro, el "truco" es genial, my importante para los que nos gusta que la información esté siempre a mano. Solo sucede que desde que tuviste parar esto la verdad es que casi nada funciona en condiciones, ni un puñetero gadget (en mi blog y otros muchos), y sin ti hemos estado tan perdidos... Un abrazo enorme. Y gracias infinitas, como siempre.
ResponderEliminarNo sabía que tenías problemas con los gadgets de tu blog. Si hay algo en lo que pueda ayudarte ya sabes que sólo tienes que pedirlo y estaré encantado de hacerlo.
EliminarBesos enormes para ti.
Buen truco que ya he empleado :) Gracias, Potro!
ResponderEliminarPor cierto, se me está ocurriendo... me podrías indicar cómo cambiar/editar el diseño de la barra de páginas? Es que, ahora mismo, lo tengo muy poco estilizado y no sé muy bien cómo se hace... Espero tu respuesta, crack!
ResponderEliminarUn abrazo.
Abel Jara Romero
Aquí hay una entrada sobre ello, el diseño del ejemplo es muy feo para mi gusto, pero seguro te puede servir como base para que lo personalices a tu manera ;)
Eliminarhttp://ciudadblogger.com/2010/02/personalizar-el-gadget-de-paginas.html
Hola Potro, me alegro muchísimo de vuelta. Por aquí he pasado casi cada semana buscando trucos o informándome. Es estupendo tenerte de vuelta.
ResponderEliminarPerdona el off-topic pero no sabía donde ponerlo. Con el uso de condicionales hay cosas que aparecen en portada, otras en los post... Como nos has enseñado otras veces. Lo que quería preguntarte cómo hago para quitar determinados elementos cuando utilizo la Vista Previa de la edición de los Posts. Algún widget que está por encima que sólo aparece en portada pero que en la Vista Previa sale y a veces es demasiado molesto. Muchas gracias por anticipado.
Un saludo.
Gracias por tu comentario Emilio.
EliminarNo hay una condicional para la Vista Previa, pero se me ocurre que podemos usar un script que oculte el elemento que quieras cuando el blog se cargue desde un iframe, que es el mismo caso de la Vista Previa, ya que es un iframe.
El script es muy sencillo:
<script>
//<![CDATA[
function ocultarIframe(){
if (top.location != location) {
var elementos = document.getElementsByClassName('header-outer');
for(var i in elementos)
elementos[i].style.display = 'none';}}
window.onload = ocultarIframe;
//]]>
</script>
En ese caso he puesto header-outer que es la clase de la cabecera, por lo tanto la cabecera no se mostrará en la Vista Previa (ni ningún otro iframe).
Puedes cambiar esa clase por la del elemento que quieras ocultar.
Son pocos los casos, pero es bueno que lo menciones porque seguro a alguien más le pasará teniendo el menú de esa manera, y tu forma de solucionarlo ha sido bastante acertada.
ResponderEliminarSaludos.
Potro se que no va conforme a lo que publicaste, pero necesito una mano!!! es necesario poner en la pagina que las personas acepten los cookies??? yo uso blogger pero si es necesario tienes algún tutorial de como poner el botón de aceptar cookies de mi sitio...
ResponderEliminarNo sé si sea necesario Rudy, sé que es una ley española así que no estoy al tanto de ello (soy de México).
EliminarNo he comprendido, ¿a qué te refieres con que sale de Google+ y no de tu blog?
ResponderEliminarEs porque Google+ tiene buen posicionamiento y está mejor posicionado que tu blog, por eso aparecen primero los resultados de Google+, pero ya es un avance ya que quien de click en el resultado de Google+ podrá ir al enlace de la entrada de tu blog.
ResponderEliminarHola!!!! me puedes echar una mano por favor?? te cuento,me estoy creando un blog nuevo,y algo tan simple como poner el fondo y la cabecera del blog,me está volviendo loca,pues no me queda bien,no te se éxplicar...por ello te pongo el enlace para que eches una ojeada...http://nellyblanco.blogspot.com.es/
ResponderEliminarpues la cabecera creo que está bien pero el fondo no cubre todo...hayy!! que mal me éxplico,a ver si viendo mi blog me dices algo,muchas gracias,eres muy amable.Un saludo!!!
Hola cristall, entra en la edición HTML de tu plantilla y elimina el background que está dentro de .body-fauxcolumn-outer .cap-top {
EliminarCon eso se dejará de mostrar ese fondo blanco que cubre la parte superior del blog.
Saludos.
Que tal potro, me alegra que el blog este de vuelta. Una peticion: podrias enseñarlos a instalar Nivo Slide en blogger?
ResponderEliminarSaludos Master !!!
Gracias PES KITS, te dejo un enlace de Chica Blogger donde explica cómo instalar Nivo Slider en Blogger:
Eliminarhttp://chicablogger.com/anadir-nivo-slider-en-blogger/
Hola potro, necesito tu ayuda, esta viendo en herramientas para webmaster, y me salen estos errores y no se porque, tambien ha bajado los visitantes en mi blog, saludos y que bueno que ya regresastes.
ResponderEliminarTodos los datos
Sin filtro
567
Elementos con errores
Tipo de error
Falta: updated
567
Elementos con el error
Tipo de error
Falta: author
567
Elementos con el error
Hola eduardo, no mencionas cuál blog estás analizando, pero según parece te faltan algunos microdatos Schema, específicamente el del autor tal vez te sirva añadir el código del autor:
Eliminarhttp://ciudadblogger.com/2012/10/como-mostrar-la-foto-del-autor-en-los-resultados-de-busqueda-de-google.html
Lo del "sin filtro" no sé porqué sea.
Buenas tardes:
ResponderEliminarEs una solución magnífica, pero tengo un problema, el submenú queda visible, queda expandido todo el sbmenú de todas las páginas como cuando haces clic en una.
Ni idea como solucionarlo y me gustaría ya que como dije es una solución magnifica y sobre todo muy práctica.
(Nota: el efecto deslizante si funciona, pero como dije con todo el sbmenú expandido (visible) )
Un saludo.
Hola, he entrado al blog de tu perfil y lo veo funcionando bien, no he encontrado el problema que mencionas.
EliminarSaludos.
Buenas noches.
EliminarAnte todo agradecido por la contestación sobre todo teniendo en cuenta el contenido temático de mi blog.
Después de este comentario hice otro donde decía que ya estaba solucionada gracias a un comentario, concretamente de Pedro PC - Admin., lo hice así y solucionado.
Prácticamente todo lo que tengo en mi blog ha salido de aquí, es siempre mi primera opción a la hora de implantar algo y punto de referencia para buscar más temas.
Un saludo y buena noche.
Genial, me alegra que lo hayas resuelto. ¡Saludos y gracias por tu comentario!
EliminarBuenas tardes Potro, me gustaria saber si me puedes explicar la forma en que tienen incrustado el video de youtube en esta pagina, por lo que veo es una imagen que al hacer clic carga el video, me gustaria implementar este metodo en mi blog ya que tengo mucho videos y tarda mucho en cargar todos de la forma normal, creo que este metodo ahorraria mucho tiempo de carga, espero que me puedas ayudar porque por mas que busco no encuentro la forma, saludos desde México. URL: http://goo.gl/xeOL4u
ResponderEliminarBuenas tardes Potro, me gustaria saber si me puedes explicar la forma en que tienen incrustado el video de youtube en esta pagina, por lo que veo es una imagen que al hacer clic carga el video, me gustaria implementar este metodo en mi blog ya que tengo mucho videos y tarda mucho en cargar todos de la forma normal, creo que este metodo ahorraria mucho tiempo de carga, espero que me puedas ayudar porque por mas que busco no encuentro la forma, saludos desde México. URL: http://goo.gl/xeOL4u
ResponderEliminarHola Alfredo, procuraré publicarlo esta semana ;)
EliminarSaludos.
Buenas noches.
EliminarAnte todo agradecido por la contestación sobre todo por el contenido temático de mi blog.
No se si llegó pero más tarde de enviar este comentario hice otro donde decía que estaba solucionado gracia a un comentario, concretamente de Pedro PC - Admin., lo hice así y quedó bien.
Casi todo lo que tengo en la plantilla del blog ha salido de aquí, es siempre mi primera opción a la hora de implantar algo.
Un saludo y buena noche.
Potro hermano se que este es otro tema, pero queria pedirte el favor para que nos explique como lograr esto bien detallado.
ResponderEliminarPor favor como se logra esto bien explicado “Responsive de YouTube o Cualquier elemento”. https://www.youtube.com/watch?v=V2VToIDHWIw
Hola Antonio, mira esta entrada de Oloman, ahí ha explicado cómo hacer adaptables tanto las imágenes como los videos:
Eliminarhttp://www.oloblogger.com/2012/12/responsive-imagen-tabla-videos.html
hola potro ese blog es dificil osea no entiendo bien sus explicaciones, si pudiera usted sacar algun post con eso seria genial.
EliminarPor ahora no creo publicar sobre el tema de los videos, pero no es complicado . La idea es que los estilos que empiezan con .video-wrapper { los pongas antes de ]]></b:skin> y cuando quieras que un video sea "responsive" usa el código que muestra ahí abajo en su entrada.
EliminarNo puedo extenderme demasiado con la explicación por respeto al trabajo de Oloman, pero puedes preguntarle más detalles a él, estoy seguro que podrá resolver las dudas que tengas.
Saludos.
muy interesante, gracias potro. por estar de vuelta
ResponderEliminarHola Potro, yo quiero hacer flotar la barra lateral derecha de mi blog, es la única barra lateral que tengo, sucede que las entradas son muy largas y para utilizar las opciones de mi barra lateral tienen que subir y subir y subir para poder utilizarlas.
ResponderEliminar¿Como puedo hacer que mi barra lateral derecha sea flotante?
No encontré un post tuyo que explicara eso, así que perdóname por publicar mi pregunta aquí :S
Gracias Potro!
Hola Joan, en teoría debe ser el mismo procedimiento, sólo cambia donde va el ID del menú por el ID de tu sidebar.
EliminarSaludos.
Tienes razón Potro pero, es que en mi barra lateral derecha tengo gadgets, no sé como hacer que todos floten igual al mismo tiempo y respetando sus espacios, por que cada gadget tiene su ID y no se si podría hacerlos flotar cada uno sin problemas o sería mas sencillo hacer que toda la barra lateral derecha flote pareja, el problema es que no se si la barra lateral tenga ID por que no puedo ponerle un titulo para verla en edición HTML, solo los gadget tienen titulo D:
EliminarEspero me entiendas y de nuevo mil gracias Potro!
Por so te decía que pongas el ID de la sidebar para que sea ella la que flote junto con todo lo que tenga dentro. Localiza el contenedor de la sidebar, puedes identificarla con el primer gadget que tengas en ella, si no tuviera un ID asígnale uno.
EliminarSi se te complica identificar su ID dime en cuál plantilla quieres hacerlo.
Saludos.
Hola, Potro. Buenas noches. Qué gusto que hayas regresado. Ten por seguro que muchos ciudadanos ya extrañábamos tus enseñanzas.
ResponderEliminarBueno. Te comento que en el blog que administro he implementado dos diferentes menús, y quisiera saber si es posible adaptar ambos con este script para que se hagan flotantes y, de ser posible, que me orientaras para saber cómo hacerlo.
Por otro lado, al ver tu blog de pruebas, me surgió la curiosidad por saber cómo hiciste para que se mantengan seleccionadas las páginas en el menú, ya que es algo que he intentado en Blogger y, honestamente, no he sabido cómo hacerlo.
De antemano, agradezco tu atención, tu tiempo y paciencia. Un abrazo fuerte.
PD. La dirección del blog es esta.
Hola Daniel, muchas gracias.
EliminarEn el blog de pruebas el menú que he usado es el que Blogger trae por defecto, el menú de Páginas; ese menú ya tiene esa característica.
Para lo otro, sólo repite esta parte del código:
$(function() {
var $flotarMenu = $("#Menu1"),
$window = $(window),
offset = $flotarMenu.offset();
$window.scroll(function() {
if ($window.scrollTop() > offset.top) {
$flotarMenu.css({'position' : 'fixed', 'width' : '880px', 'top' : '0px'});
} else {
$flotarMenu.css({'position' : 'relative', 'top' : 'auto'});
}
});
});
Es decir, que justo debajo de ese fragmento, agregues esto:
$(function() {
var $flotarMenu = $("#Menu2"),
$window = $(window),
offset = $flotarMenu.offset();
$window.scroll(function() {
if ($window.scrollTop() > offset.top) {
$flotarMenu.css({'position' : 'fixed', 'width' : '880px', 'top' : '0px'});
} else {
$flotarMenu.css({'position' : 'relative', 'top' : 'auto'});
}
});
});
Saludos.
Muchas gracias, Potro. Ya funciona de maravilla.
EliminarUn saludo. Que pases buen fin de semana.
Muy útil el tutorial, a mí me sirvió. Dicho esto, tengo una consulta xD.. ¿cómo hago para numerar los comentarios de mi blog como se ven aquí?, si está por aquí el tuto no lo encuentro :P ¿me podrían pasar el link o algo?
ResponderEliminarSaludos
Claro, aquí hay un tuto que te servirá:
Eliminarhttp://www.oloblogger.com/2012/01/numerar-los-nuevos-comentarios-blogger.html
Ok muchas gracias, me funcionó :D
EliminarHola Potro como esta, me alegro por tu regreso...Quiero colocar el truco en mi blog pero no se como localizar el ID del gadget de pagina,por favor dime como puedo buscarlo, espero tu repuesta.
ResponderEliminarPor defecto es #PageList1
EliminarAlgunas veces puede ser #PageList2, #PageList3, etc.
Sabes como se puede hacer esto en wordpress. ya lo intente y no funciono, en mi blog de blogger si funciono, pero en el de wordpress no :c
ResponderEliminarSólo lo he probado en Blogger, pero tal vez debas quitar esta parte:
Eliminar//<![CDATA[
Y esta parte:
//]]>
Del primer código.
Hola Potro!
ResponderEliminarTengo un blog sencillito sencillito y de vez en cuando me paso por aquí a solucionar problemas que me han ido surgiendo. Esta vez me ha surgido un "problemón del 15.8" (que te parecerá una tontería, pero que a mi me requema mucho!), y es que cuando pongo una imagen en un gadget, aunque la ponga en formato .png, me la deja con fondo blanco y yo lo que quiero es que aparezca recortada, sin fondo.
Se puede hacer algo o es capricho de Blogger que salga así??
Mi blog es: Reblogzándolo todo.
Por si necesitas echar un vistazo rápido….
Gracias!
Ah! por si acaso… Mi navegador es Safari, pero lo he probado en Explorer y en Chrome y se ve igual.
Hola Rosella. Lo que sucede es que tu plantilla tiene especificado que las imágenes deben tener un fondo blanco, por eso las imágenes con transparencias muestran ese fondo blanco.
EliminarLa forma de resolverlo es quitar tanto el padding y background que están dentro de:
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img
En lugar de ese padding y background pon esto (para que no pierdas el efecto de los bordes blancos)
border: 5px solid #FFF;
Vale… Ya lo he probado y funciona! Muchas Gracias!!
EliminarUna sola cosita más… si pongo:
border: 0px solid #FFF;
Me saldrán las fotos sin el borde blanco? Porque en realidad el borde me da igual y ahora con el fondo transparente incluso ni me gusta.
Gracias de nuevo Potro, y siento haberme salido del tema de la entrada….
Pues, basta con no poner esa línea, o sea, que si no quieres que tengan el borde blanco sólo quita la línea que te dije:
Eliminarborder: 5px solid #FFF;
Saludos!
Hola Potro , disculpa tengo mi blog http://enamorados-2.blogspot.com/ y necesito ayuda como poner el gadet que vez con las redes sociales y buscador flotante , no encuentro el ID y me urge me ayudes por favor , gracias espero tu respuesta.
ResponderEliminarHola Mariela, el ID de ese gadget es #autonav
EliminarHola PROTO, nuevamente estoy por aquí. Y la razón es que viendo el contenido del post, me acorde de una plantilla (http://dynamicmag-sbtemplates.blogspot.mx/) que el menú scroll flota al momento de bajar la página, me preguntaba ¿Puedo obtener todo el código del menú? (Incluyendo los estilos), si se puede, ¿Cómo los obtengo?, todo esto lo quiero aplicar a esta plantilla (http://demo.mybloggerthemes.com/2014/01/smart-news-responsive-blogger-templates.html) sustituyendo el menu que tiene ahí, si te das cuenta es casi la misma temática y diseño, no sé si el código sea igual o tenga un parecido. ¿Me puedes ayudar? Sin más que decir, espero que me puedas ayudar PROTO, saludos y gracias!
ResponderEliminarNo sé decirte si sea el mismo código ya que las plantillas de Sora tienen todo escondido en su versión gratuita, de hecho no se pueden personalizar por la misma razón :(
EliminarBuenas Potro, hice esto en un blog de pruebas (for1dtemplates.blogspot.com) y al hacer scroll funciona y demás pero al pasar el ratón por una imagen, la misma se coloca encima del menú, ya he probado con el z-index y nada. Por favor, hechale un vistazo.
ResponderEliminarHola Isaac, es que la clase .rmlink tiene un z-index muy alto, ya sea que lo quites o lo reduzcas y con eso se resolverá.
EliminarMuchas gracias me funcionó. Ahora, ¿como le hago para que se le vaya la sombra al menú cuando esta en su zona original y que solo se le ponga cuando se haga scroll?
EliminarPon none en los estilos del box-shadow que pusiste dentro del script. Después pon debajo de #menunav { el box-shadow que quieres.
EliminarToma en cuenta que si después de haber bajado el scroll el usuario sube de nuevo, el menú no recuperará la sombra del box-shadow.
hola portro crees que funciones con el menu menu-horizontal-con-subpestanas-y-buscador-integrado ? saludos y muchas gracias .
ResponderEliminarDebe funcionar luis, sólo sustituye el ID por el del menú, en caso de que el menú no tenga un ID (ahora mismo no recuerdo) puedes agregarle cualquier ID.
EliminarHola potro, muy buen tutorial, yo puse que flotara el popular posts de mi blog, pero este al llegar a la parte del footer, pasa por arriba, como le podría hacer para que se detenga en un cierto punto, en este caso, antes de llegar al footer
ResponderEliminarHola Sawyer James, aquí hay un fiddle que te puede servir, sólo cambia los IDs por los tuyos:
Eliminarhttp://jsfiddle.net/bryanjamesross/VtPcm/
¡Hola! Sigo el blog desde tiempos inmemorables (no tantos tal vez, pero sí desde que empecé mi andadura en blogger)
ResponderEliminarTengo una duda, resulta que yo puse el menú que nos indicas en otras entradas, vamos, HTML. Quiero colocarlo en la parte de arriba fijo, pero sólo consigo que esté encima de la cabecera... yo lo quiero donde se supone que fuera el navbar. He jugado con los márgenes, y conseguí "subirlo" arriba... el problema está en que cuando se ve con diferente resolución.... no queda bien.
Hola Nagammah L., localiza el ID de tu menú, y pon estos estilos:
Eliminar#ID {
position: fixed;
top: 0;
left: auto;
}
Ahí el problema es que quizá el menú no quede centrado, en esos casos lo mejor sería añadir a esos estilos un width: 100%; y quizá cambiar el left: auto; por left: 0;
Ola Potro Una Pregunta Donde Consigo El gadget de donaciones de paypal que se encuentra en las entradas de tu blog estaria agradecido x la respuesta.
ResponderEliminarHola Luis. PayPal no tiene las mismas opciones para todos los países, lo mismo con los tipos de cuentas. No sé si en tu país esté habilitada la opción de donación, o si sólo esté disponible para las cuentas Premier o Empresas.
EliminarEn mi caso esa opción está en "Herramientas: comercios" > "Botones de PayPal" > "Botón Donativo".
Saludos.
Este comentario ha sido eliminado por un administrador del blog.
ResponderEliminarNo sé si se pueda, porque el menú seguiría ocupando todo el ancho y tapará el buscador o cualquier otro elemento.
EliminarPd. Elimino el comentario por el aviso en el formulario.
Ok, Bueno, y no sabes como volverlo un Poco Transparente?
EliminarPuedes aplicarle opacidad, pero el elemento sigue encima del otro y no se podrá utilizar el que esté debajo.
EliminarEste comentario ha sido eliminado por un administrador del blog.
ResponderEliminarHola liquido, las URLs de las páginas incluyen esa /p/ en su dirección, así es para todos, y es para distinguir que se trata de una página y no de una entrada.
EliminarEn cuanto a lo de esta entrada, puede ser que no funcione porque tienes otro script que podría estar interfiriendo con este, me refiero a la barra fija que tienes abajo del blog.
Saludos.
Pd. Elimino el comentario para evitar posibles sanciones con AdSense, ya sabes, por lo de las apuestas :/
Gracias Potro, ahora ya entiendo el porque de esa "p" tan rara. He eliminado la barra fija que había como dijiste pero sigue sin desplazarse puede haber algo mas que no la deje desplazarse? Gracias
EliminarGracias Potro, ahora ya entiendo el porque de esa "p" tan rara. He eliminado la barra fija que había como dijiste pero sigue sin desplazarse puede haber algo mas que no la deje desplazarse? Gracias
EliminarDebe ser lo que te decía en el otro comentario, o los spoilers, o el botón de subir, me inclino más a esto último.
EliminarAcabo de notar que usas Prototype y Scriptaculous, en la entrada hay un enlace que habla sobre ello, hay que hacer cambios en el script de jQuery, o si no quieres complicarte la vida elimina esas librerías.
EliminarME PARESE FANTATICO PERO NO ME DA..... MI WEB ES PASCOPERU.NET SI PUDIERAS VER K TIPO DE PLANTILLA WEB ES
ResponderEliminarNo lo veo puesto en tu blog, pero no sé qué tan posible sea que funcione ya que tu menú (que por cierto, su ID es #menu) usa al menos dos scripts para su funcionamiento, así que tal vez ponerle uno más haga que no funcione, o que otra cosa deje de funcionar.
EliminarHola Potro, para el caso de las Vistas Diamicas, como lo puedo aplicar?
ResponderEliminarMe temo que no es posible, en esas plantillas nada de esto se puede hacer :(
EliminarTengo dramas en poner hasta el minimo gadgets... soy novato en esto, kiero poner en la barra lateral este ranking (http://www.2700chess.com/files/topten.png) y no me lo toma...
ResponderEliminarHola, si simplemente quieres poner la imagen en un gadget, entra en Diseño y da click en Añadir un gadget, ahí selecciona "Imagen", en las opciones que se mostrarán verás la opción de poner la URL de tu imagen, o de subir una desde tu ordenador. Con ese gadget podrás mostrar esa imagen en tu blog.
EliminarSaludos.
Gracias capo, como vera, soy re novato, je. Me vino me 10 tu ayuda. Es un blog de ajedrez, de paso les invito a visitarlo... www.defensadelapaz.blogspot.com.ar
EliminarYa que estamos, he visto uno similar a este ranking pero con jugadores argentinos, pero no se como lo hicieron, y solo en un blog lo vi y al ir al link luego da error, es muy dificil o lo pued ehacer cualkiera?
EliminarNo sé decirte, quizá sólo es una imagen que ellos hicieron y le pusieron los datos que quisieron. Sé que suena tonta mi respuesta pero al menos yo así lo haría :P
EliminarJaja, nha, no es tonta, solo ke yo no le explique bien: es una imagen, si, pero automaticamente todos los dias se actualizada segun los resultados se van dando.
EliminarEso sí no sé :(
EliminarHola, Potro.
ResponderEliminarEstoy intentando colocar una lista de enlaces de forma flotante con tu código, pero tengo el problema de que se me desplaza por debajo de los otros elementos con cualquier z-index que le asigne (en mi desesperación he llegado a poner seis líneas completas de nueves). He leído tu entrada y todos los comentarios y no he conseguido solucionarlo. No entiendo demasiado de html, por lo que te agradecería mucho cualquier clase de ayuda que pudieras prestarme.
Y ya que estoy, soy incapaz de encontrar la forma de centrarlo, de manera que no me quede un espacio a la derecha (es un LinkList de Blogger). ¿Hay alguna forma sencilla de hacerlo o tengo que hacer una barra desde cero y añadirla yo?
Mi blog es mi nombre y mi primer apellido mas un punto es.
Muchas gracias por todo,
Un saludo.
Hola Luis Ignacio. Entré a tu blog y veo el gadget, pero no encuentro el problema que mencionas, ¿ya lo has resuelto? en caso contrario, ¿has probado verlo desde otro navegador? yo he entrado desde Safari y desde ahí se ve todo bien, incluso centrado. Eso sí, el último enlace está debajo del primero debido a que no cabe por el ancho que tiene el gadget, aparte de eso lo veo todo bien.
EliminarSi hay algo más en lo que pueda ayudarte házmelo saber.
Saludos.
Hola, Potro.
EliminarResulta humillante, pero se me olvidó cambiar la segunda ID del código, y dejé PageList1 en lugar de LinkList1, que es lo que tengo yo. Lo solucioné horas después de mandarte el mensaje (el código funciona perfectamente, muchas gracias). Con el z-index de 99 fue suficiente =)
Lo de los botones sí que me vuelve loco. En algunos ordenadores se ve en dos lineas, pero en el mío se ve con un hueco a la derecha. Lo ideal sería hacer una barra que se ajuste automáticamente a cada resolución, pero yo me conformo con ser capaz de centrarla, para así poder reducir el tamaño y que al menos quede centrado y en una linea siempre, pero ni siquiera soy capaz de encontrar el código del widget para intentar ajustarlo. ¿Sabes de alguna solución que me pueda servir?
Muchas gracias.
No te preocupes Luis Ignacio, son descuidos que todos cometemos ;)
EliminarEl widget es PageList1, o sea, el gadget de Páginas. Ahora mismo entré de nuevo y ahora lo veo todo en una línea y centrado, parece que ahora sí ya lo tienes todo resuelto.
Saludos.
La verdad es que sí. De todas formas sin tu página no habría sido capaz. Para los que le pase lo que a mi: instalaros los navegadores más comunes y visualizad el blog en todos. Por alguna razón lo que estaba en una línea en Firefox se veía en dos en Chrome.
EliminarUn saludo.
Cómo hago para saber el ID del gadget?
ResponderEliminarBusca en tu plantilla el nombre del gadget, junto a él verás su ID, por ejemplo:
Eliminarid='PageList1'
Pero cómo hago para ubicar el gadget en la plantilla? Si no es 'PageList1', cuál puede ser? cómo saberlo? Perdoname si es una pregunta tonta, pero soy del siglo pasado!!
EliminarComo te decía, buscando el nombre del gadget podrás localizar su ID, por ejemplo, si al gadget le pusiste por título "Mi Menú" entonces busca en tu plantilla el texto "Mi Menú", al lado de él verás el ID del gadget. El titulo del gadget puedes verlo desde la sección Diseño.
EliminarMuy clara tu explicación, mil gracias, pero por momentos estas cosas me superan. Identifiqué el gadget y reemplacé el ID por "HTML6" pero el menú sigue fijo. Qué pude haber hecho mal?
EliminarHola de nuevo Ana, ¿en cuál blog lo has puesto?
EliminarMe pareció un tutorial excelente! Genial! Muchas gracias Potro!
ResponderEliminarAun así tengo una duda, como podría modificar la opacidad del menú mientras navega sobre la pagina al ir bajando? Intente cambiarla pero cambia también su opacidad cuando el menu esta fijo. Muchas gracias! Saludos desde Barcelona!
Hola Andrea, en esta parte del código puedes establecer una opacidad:
Eliminar$flotarMenu.css({'position' : 'fixed', 'width' : '880px', 'top' : '0px', 'opacity' : '0.5'});
} else {
$flotarMenu.css({'position' : 'relative', 'top' : 'auto', 'opacity' : '1'});
La primera parte es para cuando esté flotando, la segunda para cuando regrese a su posición original.
¡Saludos hasta Barcelona!
Un post genial! Pero tengo una duda... Me gustaría que el ancho del menú ocupara todo el ancho del blog y no sé como hacerlo. He probado a modificar el ancho del widget y lo único que hace es alargarse por la derecha pero por la izquierda se mantiene el mismo largo y me gustaría que se variara por ambos lados por igual, no se si me estoy explicando bien. Te dejo mi blog para que le eches un vistazo a ver si ves lo que te digo. Un saludo!
ResponderEliminarhttp://confessionsofanindiegirl.blogspot.com.es/
Te explicas bien pero me temo que no es posible. Cualquier elemento dentro del blog no puede ocupar más que el ancho mismo del blog, algunos menús, cabeceras, footers, etc. parecen ocupar todo el ancho del blog pero lo que en realidad sucede es que la imagen de fondo (del blog) simula que esos elementos ocupan todo ese ancho pero en realidad no es así. Parece que sólo la plantilla Awesome Inc. tiene esa característica que deseas, no sé si quieras probar con esa plantilla para conseguir ese tipo de menús. Saludos.
EliminarHola Potro, no consigo que las letras del menu queden centradas, como lo podria conseguir.
ResponderEliminarGracias por tus conocimientos
Un saludo,
Pedro
Quizá uno de los tres margin-left que pusiste debas ponerle otro valor, por ejemplo -550px
EliminarHola Potro.
ResponderEliminarTienes un blog sensacional. Una pregunta:
- Es posible usar este tutorial (hacer flotante el gadget de paginas) en tu template de bloggerest?
La instalé y he realizado el copy-paste que explicas aqui pero no me funciona. Te aviso que domino mas bien poco
Hola Rubén, no lo he intentado, en teoría debería funcionar, a menos que los scripts de esa plantilla no sean compatibles con este truco. Toma en cuenta que esa plantilla ya tiene jQuery, así que si aplicas lo de esta entrada ya no necesitas poner la primera línea.
EliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarEsa es una estructura muy básica de un gadget de Blogger, ahí mismo no hay información que nos diga a qué elemento se le puede aplicar algún estilo, así que habría que ver el gadget funcionando para que desde ahí podamos ver si tiene alguna clase o ID que podamos usar.
ResponderEliminarHola de nuevo Potro,
ResponderEliminarprimero que nada gracias por tu atención. El gadget al que me refiero es uno generador de entradas aleatorias [quiero centrar los títulos de las entradas y justificar el resumen que aparece justo debajo], y luego el gadget de los últimos comentarios [me gustaría justificar los últimos comentarios y dejar en cursiva].
Los dos gadgets están operando en mi blog haycomprension.blogspot.com en el menú sidebar a la izquierda [justo debajo de los gadgets de google+ y seguir en blogger].
¡Muchas gracias!
No sé si funcione en esos gadgets, pero prueba usando estos estilos:
ResponderEliminar.bp_item_title {
text-align: center;
}
.bp_item_summary {
text-align: justify;
}
.w2b_recent_comments li span {
text-align: justify;
}
Muchas gracias de nuevo por tu respuesta.
ResponderEliminarHe introducido los 3 códigos en CSS desde el apartado personalizar de blogger, sólo ha funcionado el de justificar el texto en el gadget de los últimos comentarios, los otros dos para dar formato a las entradas aleatorias no ha dado resultado en el gadget :(
Si se te ocurre algo más, o si me das indicaciones de ponerlo en otro sitio te estaría muy agradecido.
Un abrazo.
Temía que ese no funcionaría, y es que se trata de un iframe. Por desgracia los iframes no podemos cambiarlos en su diseño de ningún modo ya que son páginas independientes a nuestro blog.
ResponderEliminarNo sé, tendrías que preguntar en el sitio donde lo tomaste, yo intenté probarlo en un blog pero el navegador se detiene a causa de ese código.
ResponderEliminargracias por todo Potro.
ResponderEliminarUn saludo
yo tengo mi menu tengo una plantilla descargada online y tengo un menu desplegable y quisiera poner flotante C:
ResponderEliminarEn la entrada se menciona qué hacer para aplicarlo a otros gadgets.
Eliminar¡Hola Potro! Consulta: ¿Cuál es el ID de la página que mencionas en las instrucciones? No sé cómo resolver este punto. ¡¡¡Gracias!!! El sitio es: www.pensamientosliterarios.com
ResponderEliminarPotro, ya lo solucioné. No puedo creer todo lo que estoy aprendiendo con vos y CiudadBlogger. Ahora, me queda espacio arriba de la barra de menú y entre esta y la barra de "últimas noticias" mucho espacio. ¿Cómo puedo corregir esto? Gracias :)
EliminarHola F. D.P., intenta añadir estos estilos para reducir el espacio entre ambos gadgets:
Eliminar#crosscol-overflow .widget {
margin: 0px 0 !important;
}
¡Gracias Potro! ¿Dónde coloco esos estilos?
EliminarTodos los estilos van antes de ]]></b:skin>
EliminarSaludos.
¡Gracias Potro! ¡Genio!
EliminarEstimado Potro, como no se adonde preguntar voy usar esta entrada. No se si lo que quiero ya esta resuelto, anduve mirando y no encuentro la solución, mi inquietud es saber si puedo hacer una lista de entras favoritas, la que a mi entender deberían verse aunque haya pasado el tiempo. Desde ya muchas gracias
ResponderEliminarHola Unknown, no sé cómo quieras hacerlo, por ejemplo, el gadget "Entradas Populares" muestra las entradas que se supone tienen más visitas. Si quieres que sean TUS favoritas podrías crear un gadget de Lista de Enlaces y ahí poner los links a las entradas que te gustan o que quieres promocionar.
EliminarMuchas gracias Potro voy a intentarlo
EliminarEste comentario ha sido eliminado por un administrador del blog.
ResponderEliminarEn la entrada se menciona ese detalle.
EliminarElimino el comentario por el aviso que está aquí en el formulario.
Saludos.
Hola, muy interesantes tus aportes amigo, yo recien incio un blog de tutoriales, me gustaria compartir este articulo en mi blog, sera' que puedo?
ResponderEliminarPor supuesto, siempre que agregues la fuente no hay ningún problema ;)
Eliminar-Hola Potro, oye yo lo único que quiero es saber si se puede extender (horizontalmente como esta) mi menú a lo largo del blog, http://cantosparadios.blogspot.mx/, por si pongo textos que abarquen mucho espacio, y que a la par de eso no obstruyan algún otro componente del blog. Aparte de eso hay blogs que tienen una imagen de fondo en el menú, en cada palabra quiero decir como este: http://btemplates.com/2009/blogger-template-paper-wall/demo/ pero lo que yo necesito es que esa imagen se desplace hacia donde se ponga el puntero, no que aparezca como ahí, solo que se desplace la imagen de fondo... Te agradecería Potro...-
ResponderEliminarSupongo que tendrías que usar otro tipo de menú, o de plantilla, desconozco si pueda realizarse todo lo que deseas con tu menú actual.
Eliminar-OK entonces intentare cambiar el menú a ver como queda, claro guardando una copia de mi plantilla, a ver que pasa je je...-
Eliminar-Ya lo modifique, tuve que cambiar el menu por completo por el tercero de este tutorial: http://www.oloblogger.com/2013/10/menu-con-hover-deslizante.html a este tipo de menu me referia con hover deslizante y me gusto el segundo que es el color negro con deslizador hover color gris, pero me salia mal, (no se si esta mal el del que lo publico o a mi me salia mal), pero tuve que usar el tercero que es el color gris con deslizador en borde rojo, y ayer me di a la tarea de modificarlo para que pareciera lo mas apropiado al anterior y quedo como lo necesitaba, bueno es para ser con solo pestañas y no subpestañas, pero crees si se le podrían hacer subpestañas o son diseñados para ser así?...-
EliminarEso solo el autor del menú podría respondértelo ;)
Eliminar-OK, veré si puedo modificarlo después, gracias....-
EliminarHola :D en caso de tener una plantilla descargada, ahí cómo le hago? Es que no es tipo awesome o esa que dices D:
ResponderEliminarNo sé decirte, yo sólo lo he probado en plantillas originales de Blogger. En plantillas personalizadas seguramente tendrás que hacer otros ajustes.
Eliminar¡Hola!
ResponderEliminarMuchas gracias por tus tutoriales, me han servido de mucho ;)
Tengo una duda, a este menú se le podría poner sub-pestañas? He visto algunos, pero por lo general están arriba de la cabecera, el que tu pones aquí, me va perfecto. Solo quiero que sea desplegable, se podría ? Y si es así, te pido que me pases el código (Si no es mucho abusar)
Saludos, y de nuevo mil gracias.
Hola Abigail, este menú es que el que Blogger trae por defecto como gadget el cual no tiene la opción de ser multi nivel. Lo que puedes hacer es añadir uno que tenga esa característica y después hacerlo flotante, de hecho en la entrada hay una mención al respecto por si quieres aplicarlo a otro menú. Saludos.
EliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarhola potro
ResponderEliminarestoy trabajando en un blog de pruebas para cambiar la plantilla y pasarla al blog que uso normalmente... En el de pruebas escogí una plantilla de awesome inc y me surgió un pequeño problema que por más que le muevo no le sé; en el blog de pruebas apliqué el menú con buscador expandible y quedó perfecto, cuando le aplico lo que explicas en esta entrada, le pongo la segunda opción que es para esa plantilla y así de primera vista se ve bien y sí baja el menú cuando bajo el scroll, pero como que se ensancha hacia abajo, o sea le sale una linea gruesa hacia abajo y no se como hacerle para que no pase eso y quede del mismo grosor...
me ayudas?
y otra pregunta: ¿Cómo puedo poner el menú hasta mero arriba del blog, así justo en el borde?
pliiisss help me!!! (jajajaja perdón por tanto comentario, pero soy un poco muy ansiosa, y siempre me has ayudado y me desespero cuando no me salen las cosas)
Buenos días, como están? Espero que me ayuden con esta problemática, quiero que mi Menú de páginas flotente quede como esta en la imagen del siguiente link:
ResponderEliminarhttp://3.bp.blogspot.com/-rCG9WZPx2Cg/Vb4ff0amKwI/AAAAAAAAERA/-CHqDQpnin4/s1600/pagina.png
Pero hasta ahora solo he logrado que salga como en el enlace siguiente:
http://hdenlatino.blogspot.com/
Este es el Código que he utilizado:
https://mega.co.nz/#!gcxz0Q5K!5r664zO987wJyAAkLX13wqA9UGtQS_O5PT2Bmgg-Qgg
Gracias de antemano...
Hola Potro, te escribo aquí porque me gustaría colocar la imagen del logo de mi blog que aparezca cuando el menu deslizante se queda fijo. ¿Se podría hacer?
ResponderEliminarGracias amigo.
saludos,
Pedro
Amigo no me ha funcionado, pongo el id que en reemplazo de las letras rojas pero no cambia nada. No se que hacer :/
ResponderEliminarHola! tu blog me ha servido demasiado! sin embargo aquí tengo una pregunta: qué debo agregarle al código para que el gadget flotante se detenga antes de pasar sobre el footer?
ResponderEliminar