Muchas veces sentimos la necesidad de añadir iconos a los enlaces para identificar de una mejor manera el tipo de contenido al que dirige dicho enlace. En la mayoría de los menús esto no es problema pues basta con añadir el código de la imagen antes del nombre de la pestaña, pero con el gadget de Páginas se dificulta un poco ya que el código del gadget no es el tradicional de un menú HTML sino que contiene una serie de códigos propios de Blogger, así que añadir imágenes -diferentes- directamente en el HTML es imposible.
Pero eso no significa que no podamos buscar formas alternas de hacerlo, y es justo lo que haremos en esta entrada, vamos a ver cómo poner un ícono diferente en cada pestaña del menú de Páginas, y para ello usaremos CSS, específicamente los selectores :nth-child() y ::before
De esta manera conseguiremos que cada una de las pestañas de nuestro gadget de Páginas tenga un ícono diferente antes del nombre de la pestaña.
De esta manera conseguiremos que cada una de las pestañas de nuestro gadget de Páginas tenga un ícono diferente antes del nombre de la pestaña.
Conseguir lo anterior es mucho más fácil de lo que se piensa. Sólo tienes que entrar a Plantilla | Edición de HTML y añadir antes de ]]></b:skin> lo siguiente:
#PageList1 li:nth-child(1):before {
content: url(URL de la imagen);
padding-right: 5px;
position: relative;
top: 3px;
}
#PageList1 li:nth-child(2):before {
content: url(URL de la imagen);
padding-right: 5px;
position: relative;
top: 3px;
}
#PageList1 li:nth-child(3):before {
content: url(URL de la imagen);
padding-right: 5px;
position: relative;
top: 3px;
}
#PageList1 li:nth-child(4):before {
content: url(URL de la imagen);
padding-right: 5px;
position: relative;
top: 3px;
}
En estos estilos CSS verás unos números, cada número representa cada pestaña de tu menú, siendo que el 1 es la primera pestaña, el 2 la segunda, etc. Toma en cuenta que la primera pestaña habitualmente es la Página Principal, así que la segunda pestaña pertenece a la primera página de tu menú.
En el código deberás cambiar la URL de la imagen donde se indica en color rojo.
La distancia entre el ícono y el texto se modifica en padding-right.
Con top podrás controlar la distancia desde arriba, esto es para que puedas alinear la imagen verticalmente. Yo he puesto que el ícono se desplace 3px desde arriba, pero puede variar según el tamaño del ícono que pongas, ahí deberás jugar con el valor de top incluso pudiendo usar un valor negativo para subir la imagen, por ejemplo -3px
El código es para las primeras cuatro pestañas de tu menú, si tuvieras más pestañas entonces sólo añade un trozo de código como este por cada pestaña a la que le quieras agregar un icono.
Así de fácil y sencillo podrás personalizar más el gadget de Páginas usando iconos que ayuden al reconocimiento visual de las pestañas.
El código es para las primeras cuatro pestañas de tu menú, si tuvieras más pestañas entonces sólo añade un trozo de código como este por cada pestaña a la que le quieras agregar un icono.
#PageList1 li:nth-child(5):before {Por cada código que agregues deberás cambiar el número 5 por el correspondiente: 6, 7, 8, etc.
content: url(URL de la imagen);
padding-right: 5px;
position: relative;
top: 3px;
}
Así de fácil y sencillo podrás personalizar más el gadget de Páginas usando iconos que ayuden al reconocimiento visual de las pestañas.
Ciudad Blogger
buena potro gracias
ResponderEliminar¡Gracias Potro!
ResponderEliminarSi algún día tienes tiempo.. Ojalá me puedas decir como aplicar el truco en este blog: http://zacatlan.wevoluciona.com/. Para mi menú principal (Donde están las secciones de Directorio local, Turismo, Noticias, Eventos, Bolsa de Trabajo y Tips).
Saludos :)
Valentin Becerra
Hola Valentín. Con los menús de subpestañas se complica este método, en esos casos conviene mejor poner el código de la imagen directo en el menú, antes del texto de la pestaña.
Eliminar¡Saludos!
Simplemente espectacular idea! gracias como siempre Potro, la pondré en practica ya mismo!
ResponderEliminarGracias Joan, que todo salga de maravilla.
EliminarGracias Potro por haber respondido a mi publicación en tu facebook! Ahora me queda aplicarlo. Muchisimas gracias
ResponderEliminarDe nada Naric, espero no haber tardado mucho en publicarlo :3
EliminarPara nada y encima lo hiciste sencillisimo de realizar!
EliminarLa duda es, hay forma de que estas imágenes pasen a formar parte del link de las pestañas?
Aun así ha quedado genial! Muchisimas gracias de nuevo!
Nop, con CSS sólo controlamos el diseño y los estilos, no el comportamiento del contenido.
Eliminarmuchas gracias muy bueno ;)
ResponderEliminarQue interesante Potro...! Gracias!
ResponderEliminarjeje... impresionante lo tuyo ;)
ResponderEliminarSupongo que si pongo la imagen sin cambiar el tamaño de letra, las páginas (que ocupan ya todo el ancho) se verán desplazadas a una segunda línea, cosa que no me gustaría... entonces la pregunta es la siguiente: ¿se podría modificar el texto para poder poner una imagen al lado del texto y que ocupen el mismo sitio?.
Gracias Potro, me gusta mucho lo que nos propones... y bonito cambio de loock ;)
Gracias Tapestry Workerman. Puedes reducir el tamaño de la fuente si a eso te refieres. Reduciendo el tamaño tendrías más espacio a lo ancho del gadget, eso te permitiría agregar los iconos sin que se bajen las pestañas:
Eliminar#PageList1 {
font-size: 13px;
}
Ok. Gracias ;)
EliminarA ver si encuentro un hueco grande para las probatinas, jeje...
Un saludo.
Hey Potro amigo te sigo desde el 2009 con este blog inicie mi carrera con el desarrollo web, Ciudad Blogger ya sido como una universidad para mi, tengo que agradecer por que aquí aprendí y aún aprendo mucho, ahora estoy un poco alejado de Blogger ya que me te dedicado a otras cosas, estoy tramando algo grande y pronto lo compartire, ahora solo les digo a los que les apasiona esto del internet y del diseño, si quieren lograr algo grande, empiezen por Ciudad Blogger, Saludos desde Colombia Hermano Mexicano!
ResponderEliminarMuchas gracias Mauricio. Te aseguro que yo aprendo más de ustedes que ustedes de mí.
EliminarUn fuerte abrazo, y mucha suerte con ese nuevo proyecto.
no me aparece nada, no se si funcione en el menú que trae por defecto blogger.
ResponderEliminarmis iconos son de 20X20 e hice todo el procedimiento.
esta aqui: http://mi-personal-branding.blogspot.mx/
De hecho es precisamente para el menú de Blogger. En tu caso como el ID del gadget de Páginas es distinto, cambia todos los #PageList1 por #PageList2
EliminarGracias potro esto le va venir bien a mi blog...
ResponderEliminarHola Potro, gracias por todos los tutoriales que publicas, nos ayudaste mucho a mi hermano y a mi que tenemos un sitio de noticias. Debido a este post sobre páginas estáticas quería consultarte sobre un problemita.
ResponderEliminarNosotros ponemos en paginas estáticas noticias diferentes. Por ejemplo en miblog.blogspot.com/p/pagina-1.hml ponemos noticias internacionales, y queremos saber si podemos crear un RSS feed de cada pagina estática y poder reproducir ese feed en un modulo html definiendo cantidad de caracteres a aparecer y foto con dimensión especifica. Así para que cada vez que se publique una noticia en la pagina estática especifica (EJ: .com/pagina-1.html) se muestre en la página principal un modulo con un resumen de la pagina estática especifica (vía rss). Obviamente cada tanto se cambia el contenido de la pagina estática, pero no se borra la pagina estática (mantiene la misma url) por eso lo del rss para que muestre automáticamente el resumen nuevo. No se si me explique bien, vi en los gadget de Blogger que hay una especie de resúmenes de paginas estáticas, eso no seria lo que estoy buscando debido a que es muy pequeño y agrupa todas las paginas estáticas en un solo modulo. Perdón por el mensaje largo, no se si pude explicarme. Saludos.
Hola Listen, te has explicado muy bien, pero hay dos problemas con lo que deseas. Uno es que las páginas no entran en el feed del blog, si tú publicas una nueva página esta no aparecerá en las actualizaciones de tu feed, así que no hay manera de leer con un feed el contenido que hay en ellas.
EliminarEl otro problema es que -hasta donde sé- en Blogger no se puede obtener el feed de una entrada en específico, únicamente el feed de todas las entradas, o el feed de una etiqueta en particular. Quizá te convenga más publicar entradas, etiquetarlas y obtener el feed de esa etiqueta en particular, eso sí se puede hacer:
http://ciudadblogger.com/2011/05/ultimas-entradas-por-categorias-con.html
Saludos.
Muchas gracias Potro, puede quedar muy bonito pero tengo un pequeño problemilla no se donde se abra metido esta parte del codigo ]]> he encontrado uno de parecido pero si pongo el condigo que me das me sale directamente en la plantilla.
ResponderEliminarGracias de nuevo saludos.
Hola Josep, da click en la flechita ► que está junto a <b:skin>...</b:skin>
EliminarUna vez que se expanda presiona las teclas CTRL + F y localiza la etiqueta que buscas.
Saludos.
Gracias Potro
ResponderEliminarSaludos Potro, tengo problemas para compartir las entradas de mi blog en Facebook. Pues al hacerlo no me aparece ninguna imagen asociada al post en cuestión, siempre me sale una imagen que tengo ubicada en la sidebar, tampoco me aparece la descripción de los posts. No sé por qué sucede, hace tiempo funcionaba perfectamente. Ojalá me puedas ayudar. Mi blog es: sociedadhogwarts.blogspot.com
ResponderEliminarHola Víctor, justamente en Oloblogger han publicado algo al respecto:
Eliminarhttp://www.oloblogger.com/2014/05/problema-imagen-compartir-enlace-facebook.html
Saludos Potro, hice lo que explica Oloblogger pero no funciona, mis entradas a la hora de compartirlas en Facebook son un desastre. Ayuda por favor.
EliminarNo sé qué más pueda hacerse Víctor, lo que Oloman explica en su entrada es lo que siempre sugiero a quien tiene el mismo problema, no sé si haya algo más que pueda servirte.
EliminarSaludos de nuevo Potro, ya pude solucionar lo de las imágenes a la hora de compartir las entradas en Facebook. Ahora lo que sucede es que no logro que aparezca el resumen de la entrada. Qué puedo hacer?
EliminarCon los microdatos Schema también debe resolverse, sólo no olvides habilitar la descripción personalizada en la configuración de tu blog, y que agregues a cada entrada una descripción en las opciones avanzadas de la entrada.
EliminarHola amigo tengo un problema como puedo hacer para traducir algunas partes de una plantilla por ejemplo la paginacion aparece pag 1 of 3 busco en el codigo y no la encuentro pero si le doy inspeccionar elemento ahi si aparece
ResponderEliminarHola Adrian, busca este código en tu plantilla:
Eliminar<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=4;
var numshowpage=3;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
Ahí puedes cambiar las palabras "Previous" y "Next".
Justo debajo de ese código verás otro script, al final de ese script encuentra esta parte:
hild|timestamp1|published|showpageOf|Page|of|showpage|showpagePoint|getElementsByName|getElementById|blog|pager|openSearch|totalResults|20|entry|23|29|encodeURIComponent|location'.split('|'),0,{}))
Con mucho cuidado cambia ese Page que está en negrita por el texto que quieras, por ejemplo Página y en seguida dice of ese cámbialo por de
Por el momento no funciona. Debe de haber algo interfiriendo por ahí. Intuyo que poner imágenes .png no tiene ninguna diferencia respecto a las .jpg ¿no?
ResponderEliminarHola Rusty, al parecer es por un comentario mal cerrado en tus estilos.
EliminarBusca esta parte que está un poco más arriba:
#galeria a:hover span{left:0;bottom:0; opacity:.8;filter:alpha(opacity=80)}
#galeria a span:hover{color:#5658BB} /*color fuente al poner el puntero encima*
.zoom{
A este comentario le falta una diagonal de cierre:
/*color fuente al poner el puntero encima*
Ya sea que quites ese comentario, o lo corrijas:
/*color fuente al poner el puntero encima*/
Mira si eso resuelve el problema.
Saludos
Muchísimas gracias Potro ya pude resolver mediante tu ayuda, ya estaba pensando en cambiar la plantilla porque se veía poco profesional que en algunas partes sea en ingles busque mucho la palabra page ya que no estaba no negrita en esta plantilla pero es justo como dijiste la cambie y funciono de maravillas.
ResponderEliminarMe alegro que hayas podido resolverlo fácilmente, ¡saludos!
EliminarEste comentario ha sido eliminado por un administrador del blog.
ResponderEliminarMuchas gracias por tu comentario Ve Dvdcba.
EliminarVamos a probar con esto, busca este script de tu plantilla:
(function($) { $(document).ready(function(){
$("#carousel .container").jCarouselLite({
auto:0,
scroll: 1,
speed: 400,
visible: 5,
start: 0,
circular: false,
btnPrev: "#previous_button",
btnNext: "#next_button"
});
})})(jQuery)
Y cámbialo por esto:
(function($) { $(document).ready(function(){
$("#carousel .container").jCarouselLite({
auto:4000,
scroll: 1,
speed: 800,
visible: 4,
start: 0,
circular: true,
btnPrev: "#previous_button",
btnNext: "#next_button"
});
})})(jQuery)
Esperemos que con eso se haga automático el scroll.
Saludos.
Pd. He tenido que eliminar el comentario por el aviso que está arriba de este formulario.
Hola amigo. Quiero hacerte una consulta si no es mucha molestia:
ResponderEliminarTenemos esta página: www.kaikiatdigital.com
Quiero reducir el espacio que existe en la parte de abajo que a nuestro juicio se ve antiestético: justo entre el menú de fondo gris y un banner que dice "Por qué elegir Kaikiatdigital.com?" Podrías guiarnos sobre cómo se puede reducir ese espacio?
Mcuhas gracias de antemano El Potro
No es ninguna molestia ;)
EliminarEn los estilos de tu plantilla agrega lo siguiente:
.main .widget {
margin:0!important;
padding:0!important;
}
#footer-wrapper {
margin-top:-40px;
}
Y luego elimina el padding-top que está dentro de #footer
Saludos.
Hola, mi consulta no tiene nada que ver con esta entrada, el hecho es que mi blog carga rapido, pero en una de las pestañas del menu si se tarda, (que es la que aloja las entradas) solo alli. Me gustaria saber y si me puedes ayudar como hago para que cargue igual que las demas pestañas incluyendo el home. :/
ResponderEliminarte dejo el link de la pestaña en cuestion, para que veas a que me refiero: 'http://teamhvenezuela.blogspot.com/search/label/Team%20H'
Hola NANA Sukkie, las entradas suelen tardar en cargar cuando: son muchas entradas las que se cargan, y cuando las entradas son extensas o contienen muchos elementos como imágenes y videos.
EliminarUna opción sería que en lugar de que uses ese tipo de sumarios automatizados, uses el "leer más" nativo de Blogger, con él la entrada se "corta" donde pongas el marcador y el resto de la entrada no se carga, por lo que la velocidad de carga de la página se ve mejorada.
Con el tipo de sumarios que tienes la entrada se carga completa, aunque solo se muestre una parte.
Saludos.
Muchas gracias por tu respuesta^^ hice eso, deje las entradas enteras, pero esteticamente no me agrada xD asi que volvi a colocarlas como estaban y ps debi siento que ya no se carga tan lento como antes, (aunque talvez trate de creer eso jeje, como sea, lo dejare asi por un tiempo mas ^^ ) de nuevo muchas gracias!!!!
EliminarTu blog me ha servido mucho!
Pero que alegria Potro, regresaste!!!!! te envio un abrazo muy grande, me tendras por aqui seguido leyendo tus excelentes consejos.
ResponderEliminarSaludos .
Muchas gracias Elizabeth, eso espero, que te quedes por aquí mucho tiempo :)
EliminarHola Potro soy yo de nuevo quisiera saber saber como puedo quitar de ls paginas estaticas el gadget o script que esta en el lado derecho d mi blog si puedes mirarlo http://minijuegosenlinea.blogspot.com/ es ese donde dice videos y archivos y tambien compartir muchas gracias de antemano
ResponderEliminarHola Adrian, usa condicionales para ocultar elementos de las páginas, la clase del gadget que necesitas es .tabviewsection
EliminarSiiiii !!!!! Muchísimas gracias Potro ! Me sirvio y ahora se mueve, solo que en vez de ponerle Visible: 4 le puse 5 así queda mejor. Gracias gracias gracias y mas gracias ! Espero que sigas con este proyecto muchos años mas.
ResponderEliminarTe sigo leyendo y muy pronto estaremos en contacto nuevamente, un abrazo gigante. Ezequiel
Gracias Potro espero que no te aburras de mi porque estaré pidiéndote ayuda muy seguido jejeje xD
ResponderEliminarHola potro!
ResponderEliminarNecesito ayuda, no hay otra entrada para lo que te preguntaré por eso, lo escribo aquí.
Lo que pasa es que tengo algo parecido a lo que tu tienes (gadget tabs de seguidores) y me funciona bien, pero lo agregue a la versión móvil y ahí solo se ven las tabs, pero no las cajas de Seguidores, Círculos y Facebook, ya busque todo lo que pude pero no encontré nada, por eso vine, aquí te dejo dos capturas:
En computadora http://www.filz.us/files/a447e672/c1d/Captura.png
En celular http://www.filz.us/files/4ff9e9d7/c93/Screenshot_2014-05-22-21-28-32.png
.
Gracias de antemano.
Hola Camilo, quizá debas usar la declaración mobile='yes' en los gadgets que tienes en tus pestañas para que éstos también sean visibles en móviles:
Eliminarhttp://ciudadblogger.com/2011/11/habilitar-las-plantillas-personalizadas.html
¡Hola!
ResponderEliminarAcabo de descubrir tu blog de Respondones, está muy interesante (ya decía yo que esa xcelente ortografía tuya provenía de algún lugar =D). Ya leí casi todas las entradas. Y la verdad es que no tenía planeado poner íconos, pero ahora que pones este tutorial, creo que sí lo haré.
Una pregunta, espero no te moleste, parece algo muy simple, pero no lo encuentro en ninguna parte... ¿Cómo puedo quitarle los dos puntos a "no hay comentarios:" o " x comentarios:"? Veo que tú no tienes los dos puntos... No sé, no me gusta cómo se ven, pero no logro quitarlos.
Un saludo y gracias.
Muchas gracias Karina. Hace muchísimo tiempo que no publico en Respondones pero no es por falta de ganas si no de tiempo. Me da gusto que te haya parecido interesante :)
EliminarNo sé cuál plantilla uses, pero si usas una original de Blogger entonces busca esta línea:
<data:post.commentLabelFull/>:
Ahí al final verás los dos puntos, quítaselos y asunto arreglado. Es posible que esa línea la tengas 3 veces, la que nos interesa es la primera.
Saludos.
Ojalá algún día tengas un poco de tiempo para publicar más cosas interesantes en Respondones. En cuanto a la plantilla, muchas gracias, problema solucionado con los dos puntos. :)
EliminarSaludos.
hola si uso el ID analytics en mi blog para adultos correria el risgo que lo cierren?
ResponderEliminarHola, Analytics lo puedes usar sin problema en cualquier blog, AdSense no.
EliminarHola, tengo un problema con las páginas de mi blog, no se que les puede pasar, he intentado ponerme en contacto con el diseñador de la plantilla pero no doy con él.
ResponderEliminarEn esta página (http://braxproba.blogspot.com.es/p/lorem.html) el texto "se come" la sección de comentarios.
Y en esta (http://braxproba.blogspot.com.es/p/labuat_23.html) me sale la barra lateral, pero no los widgets.
¿Dónde puede estar el problema?
Hola Virginia. Lo primero es porque a las entradas le añadiste una altura máxima para los contenedores:
Eliminar.post{
float: left;
width: 100%;
position: relative;
margin: 0 0 40px;
padding: 0 0 25px;
min-height: 530px;
}
Si eliminas lo que está en negrita deberá resolverse.
Lo segundo, si quieres que salga la sidebar también en las páginas, busca y elimina este estilo:
.sidebar-wrapper{display:none}
Saludos.
Muchas gracias por responder tan pronto, problemas solucionado.
EliminarMil gracias!
Ahora que veo olvidé poner la parte en negrita :P
EliminarHola Potro! Quisiera hacerte una pregunta fuera de este tema, pero tiene que ver con los iconos. Como tendria que hacer para sacar los puntos que se encuentran en mis Etiquetas (en mi caso, el gadget de etiquetas se llama CATEGORIAS - SECCIONES), osea estos " ● ", que se encuentran antes de cada una de ellas (etiquetas) y reemplazarlos por unos iconos a mi gusto?. Espero tu respuesta muy antentamente!. FasteN
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarHola FasteN, mira esta entrada sobre la personalización de las viñetas:
Eliminarhttp://ciudadblogger.com/2009/11/personalizar-las-vinetas-del-blog.html
En tu caso cambiarías los .post por #Label1
Mil gracias Potro, funciono a la perfeccion!
EliminarHola Laudy, para poder participar en el programa de AdSense no debes incluir ningún tipo de material que esté protegido por derechos de autor, ya sea para su descarga o reproducción en línea. Tampoco insertar en iframes dicho contenido: https://support.google.com/adsense/answer/1348688?hl=es#Copyrighted_material
ResponderEliminarExcelente baby muchas gracias por tan acertada sugerencia, ahora mi menú se ve divino
ResponderEliminarHola potro otra vez molestándote, y se que este comentario esta fuera del tema de la entrada pero "siendo tu fan y te leo como 2 horas todos los días" te pregunto: Como poner la fecha justo como la tienes tu, que aparezca abajo del titulo del post. Ya busque en todo tu sitio y eso no lo e visto como hacerlo... te agradecería mil si me solucionaras.
ResponderEliminarGracias Emanuel, no sabía que alguien me leyera tanto (:
EliminarEl código de la fecha es este:
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
Localízalo en tu plantilla y córtalo. Luego busca esta etiqueta:
<div class='post-header'>
Pega el código de la fecha arriba de ella.
Considera que tanto el código de la fecha como de la línea donde lo has de pegar puede estar dos veces, si no ves resultados entonces aplica el cambio en los códigos repetidos.
También, la fecha por defecto tiene una etiqueta h2, yo siempre se la cambio por span así no es grande, ni negrita, ni distractor SEO. Saludos.
mil gracias y te leo mucho por que estoy diseñando un blog con tus tutoriales, que por cierto soy buenisimos.
EliminarPD: ya lei la ultima entrada de "como mapear una imagen" gracias
oyee, mira no se si me puedas ayudar también con esto. ya que no e podido personalizar por completo una plantilla yo solo, encontré una que me gusta mucho pero el problema es que tiene la columna de la derecha muy pequeña y no se ven bien los widgets. y como es una plantilla externa no la puedo modificar con el editor de plantillas. ojala me puedas dar el tip para cambiarlo este el el link de la plantilla: http://newbloggerthemes.com/superhero-blogger-template/demo/
EliminarHola Emanuel, sólo localiza el width que está dentro de #nbt-primary y redúcele alguna cantidad, por ejemplo quítale 100px
EliminarLuego, localiza el width que está dentro de #nbt-secondary y súmale los 100px que le quitaste al otro.
mil gracias potro.
EliminarHay muchas alternativas a AdSense, pero parece que AdSense es la que mejor paga, no está de más que hagas una búsqueda en Google para que te informes más de todas las opciones que hay, y sobre todo de sus políticas. Léelas antes de inscribirte, así evitarás que te pase lo mismo.
ResponderEliminarSuerte.
Sí, sí, es justamente por eso. Es ridículo porque los enlaces no son míos y no están dentro del post y la mayoría no son enlaces como tal sino que son texto nada más, pero ya una vez me inhabilitaron los anuncios por ello, así que mejor decidí tomar esas precauciones con el tema de los derechos de autor y me evito cualquier problema relacionado con AdSense.
ResponderEliminarNos seguimos leyendo.
Hola!! Sigo tu blog ya desde hace algun tiempo y queria pedirte un favor, necesito correr un video con este codigo script
ResponderEliminarPero no logro encontrar como ponerlo.... me puedes ayudar?
Hola Martha, no sé si he comprendido bien, ¿con cuál script quieres poner un video? ¿en cuál blog?
EliminarEs correcto, para poner AdSense debes tener al menos 6 meses de antigüedad con tu blog.
ResponderEliminarHola, necesito ayuda, tengo un Blog y la pagina principal tiene un buscador, pero solo funciona con las entradas de ese mismo Blog, yo quiero saber si se puede vincular con mas Blogs para que en el Blog principal, el buscador funcione y muestre resultados de otros Blogs!!
ResponderEliminarEspero su respuesta, gracias :)
Hola Hector, tendrías que usar el Motor de búsqueda personalizada de Google, y en su configuración, dentro de "Aspectos básicos > Sitios en los que buscar" añadir todas las URLs donde quieras que busque.
EliminarHola soy Hector..muchas gracias, logre hacerlo :D espero que algún día hagas una nota sobre este tema mas explicado, de como cambiar el diseño, ya intente pero esta muy grande el buscador, pero lo bueno que me funciono, en serio muchas gracias, te agradecería que paces por mi canal, he tratado de configurar el responder a los comentarios pero no me aparece :c
EliminarQué gusto que hayas conseguido hacerlo Hector :)
EliminarDeja la pregunta en la entrada donde tienes el problema junto con el nombre de tu blog para que pueda darle una revisada.
Como tengo diferentes Bogs en uno, para poder cambiar el diseño de la visualizacion, en este es el que no puedo responder comentarios..en la ultima entrada hay comentarios, puedes ver el detalle :/
EliminarEspero que no te afecte si te dejo el link: seriehechicerastemporada8.blogspot
No he visto comentarios en ninguna de las entradas que revisé, pero si tu problema es que en tu plantilla no aparece la opción de "Responder" entonces tienes que hacer algunas modificaciones. Mira el comentario #5.1 de esta entrada:
Eliminarhttp://ciudadblogger.com/2014/06/personalizar-los-enlaces-de-los-comentarios-de-blogger.html
Ya cambie el código y aun sigue sin aparecer la opción para Responder :(
EliminarRevisa de nuevo, quizá los códigos que hay que cambiar los tengas repetidos, si así fuera habrá que aplicar el cambio en los demás.
EliminarNo tiene ningún sentido que los dejes si no te van a generar ninguna ganancia.
ResponderEliminarEnhorabuena por tu trabajo Potro me estás ayudando mucho a actualizar mi página. Me gustaría saber si existe alguna manera de aplicar esta disposición al menú Meny sin perder la parte escrita (que se vea la imagen acompañando al enlace y que, si se puede, también funcione como enlace).
ResponderEliminarHola DMP, en el caso de cualquier otro menú distinto al de Páginas, sólo tienes que añadir el código de la imagen después de cada <li>
EliminarEl código de la imagen es así:
<img src="URL de la imagen" style="vertical-align:middle;" />
Con CSS no, porque entonces la imagen no podría funcionar como enlace.
Perfecto, ya me funcionó. Muchas gracias!
EliminarHola Potro! de vuelta por aquí...quería consultarte como puedo poner el listado de post por orden alfabetico, en un menú superior.
ResponderEliminarYo lo tengo en un HTML al costado con un menú desplegable, pero quería poner menú horizontal y quería ponerlo ahí, pero si agrego una pagina que se llame listado de bandas ( por ej ) no se como continuar, o que poner...también vi un blog hace un tiempo, que tiene una opción INDICE y cuando entras se ven todas las entradas tipo magazine. Te cuento que yo las entradas las separo con el nombre de la banda en Etiquetas, de esa forma armo el listado por orden alfabetico, no se si esta mal o hay otra manera...te dejo el blog como siempre.
discografiasmega.blog
Gracias por tu tiempo
Hola BaTo LoCo, sólo conozco la manera como tú lo has hecho. Hay dos entradas aquí sobre sitemaps, o índice de entradas, una es por etiquetas y otra por fecha, pero ninguna por orden alfabético :(
Eliminarbueno, Ok, gracias por la respuesta, ahora, supongamos que decido hacer el meno horizontal arriba del blog, y el listado de bandas lo armo con las etiquetas como me decis vos, al agregar una nueva pagina ( por ej ) INICIO, ACERCA DE MI, LISTADO DE BANDAS....como armaria un listado de etiquetas ahí...?? tengo la pagina en blanco y no se que poner ( mas que texto plano o un link de video )
EliminarNose si me explico bien...ojala que si...
Si quieres un sitemap basado en las etiquetas entonces mira esta entrada:
Eliminarhttp://ciudadblogger.com/2009/09/crear-sitemap-o-tabla-de-contenido-para.html
Lo del otro blog no sé, tendrías que preguntar en ese blog cómo lo han hecho.
Hola Potro, por favor podrias indicarme el codigo para que estos iconos del menu de paginas tengan un efecto hover al pasar el raton, estoy provando varios formatos con efecto hover pero no doy con la tecla.. :(
ResponderEliminarMuchas Gracias de antemano
Hola Liz, usa esta estructura para los estilos al pasar el cursor:
Eliminar#PageList1 li:nth-child(1):hover:before {
....
....
....
}
Recuerda que por cada uno que agregues deberás cambiar el número que está en negrita por el que corresponda al número de la pestaña.
Donde están los puntos irán los estilos que quieras aplicar al pasar el cursor.
Hola, Potro
ResponderEliminarEl truco me parece bueno, pero ¿se pueden agregar las propiedades "width" y "height" a los códigos para ajustar el tamaño de la imagen?
Hola Danny, no, en este caso no, pero siempre podrás poner una imagen del tamaño que gustes.
EliminarHola :D soy la chica que te envió tweets. Mira, traté de poner los códigos pero me marcaba error y no me dejaba guardar :( aqui te pongo unas imagenes que saqué para que veas los errores y ejemplos de códigos
ResponderEliminarhttp://i62.tinypic.com/2eqcjtf.jpg
http://i58.tinypic.com/2niuxcn.jpg
Hola, mismo te dice cuál ha sido tu error. Primero te menciona que has olvidado ponerle el cierre </li> a la etiqueta LI. Luego en el otro error te dice que en donde dice href has puesto dobles comillas siendo que debe ser una comilla simple. Guíate por los códigos que ya tienes puestos para que no cometas errores.
EliminarHola potro, y en lugar de hover para cuando pasar el cursor, hay algo para cuando bajas aparezca el logo.
ResponderEliminarGracias!
Saludos
Pedro
si quiero cambiarle solo a uno como hago?
ResponderEliminar