| En Blogger no disponemos de una página de presentación o portada para nuestros blogs. La página principal muestra siempre la última entrada creada. 1.- Vamos a Editar HTML: En este tutorial explicaremos la forma de crear una portada o página de presentación.
2.- Ponemos, dentro del rectángulo de búsqueda (search), la siguiente línea, y la localizamos todas las veces que aparezca:
3.- Cambiamos 'no' por 'yes' 4.- Guardamos plantilla. 5.- Vamos a:
6.- Añadimos un gadget acorde con el diseño que aplicaremos a nuestra portada o página principal o página de inicio. Puede ser tipo Texto o HTML/Javascript. 7.- Al gadget añadido le ponemos el nombre Portada (para poder identificarlo luego con mayor facilidad en la plantilla), le ponemos un contenido provisional para poder guardarlo, lo guardamos y lo ponemos encima del cuerpo de las entradas.  Con este paso lograremos que la información que pongamos en nuestra página de inicio (o de presentación, o portada) no se vea cuando se accede a las páginas secundarias (o etiquetas). 8.- Volvemos a Editar HTML:
9.- Localizamos, poniéndolo dentro del rectángulo de búsqueda (Search), el nombre del gadget que acabamos de agregar, es decir, en nuestro caso buscamos la palabra Portada, la que encontraremos dentro de un segmento de código como éste:
10.- Agregamos las líneas resaltadas en rojo, exactamente en los lugares indicados. Nota: En este código aparece HTML porque el gadget añadido es del tipo HTML/Javascript. Si añadimos un gadget del tipo Texto aparecerá la expresión Text. En cuanto al número 1 que se encuentra al lado derecho de la primera expresión HTML, puede variar, no hay problema. 11.- Guardamos plantilla. 12.- Vamos a:
Allí encontraremos el gadget que agregamos con el título Portada  ...y hacemos click en Editar 13.- Con una buena imaginación ponemos, por ejemplo, una presentación Power Point, o videos, o imágenes, etc., que nos procuren un buen diseño en nuestra portada o página de presentación. Debemos recordar que la Portada o Página de presentación que hemos creado, es un Gadget o Artilugio, y nó una Entrada o Post. Por esto siempre que se acceda a nuestro blog se verá esta portada y, a continuación, el número de entradas que hayamos configurado en el formato de nuestro blog, para ser vistas en la página principal. Para lograr el efecto de que al acceder a nuestro blog se vea únicamente la Portada o Página de presentación, hacemos lo siguiente: 1.- Vamos a:
2.- Ponemos 0 (cero) en el máximo de entradas a mostar en la Página Principal y, en la parte superior derecha, hacemos click en Guardar configuración:  3.- Hecho lo anterior, vamos a la página principal y veremos en la parte inferior de la portada que hemos creado, uno de estos textos:
4.- Para eliminar dicho texto vamos a Editar HTML, localizamos esta línea de código...
...y la eliminamos. Si la encontramos dos veces, eliminamos la segunda. 5.- Guardamos los cambios. Enlaces a páginas interiores A pesar de que contamos con el Archivo del blog en la barra lateral, es conveniente poner en la portada que creamos, o en un gadget añadido en la barra lateral, un menú o menús con enlaces que lleven a las páginas interiores, es decir, a las entradas del blog. Un buen ejemplo de una portada creada con el procedimiento aquí explicado, y enlaces a las páginas interiores, lo podemos ver aquí.
|
16.6.10
Crear Portada o Página de inicio para blogs de blogger
Suscribirse a:
Enviar comentarios
(
Atom
)
131 comentarios :
Excelente contenido!!! Felicitaciones niutic.blogspot.com
Leonardo: Gracias por su comentario.
Saludos.
El truco para evitar que se vean las entradas en la página principal ya no funciona porque actualmente Blogger no permite que el máximo de entradas sea menor a 1.
¿Sabe cómo evitar que se muestren entradas en la portada?
Estimado anónimo: Blogger sí permite mostrar cero entradas en la página principal. Probado hasta la saciedad.
Cordial saludo.
Es muy fácil probarlo: En Formato escriba -1 en el máximo de entradas a mostrar, guarde configuración, aparecerá un aviso de error que dice: Debe ser como mínimo 0
Saludos.
gracias, gracias, gracias, es dificil encontrar quien te explique esto este es el unico blog en donde lo pude ver GRACIAS
Daniel: Con mucho gusto. Gracias por su visita.
Saludos.
Buenas Noches !!!
Nuevamente lo molesto desde España , pero he realizado la página principal como usted explica y le coloque una presentación o galería de imagenes en la parte superior izquierda , pero desearía poder colocarle textos sin que se vieran en otras páginas como de contacto, Bienvenida , etc, y no puedo quisiera hecr una pagina principal como esta :http://www.zonanovias.com/ y que se enlazara en mi menú con el boton INICIO . Gracias . Mary
es decir, que en mi pagina de inicio, el encabesado o parte de las ultimas 10 entradas, para porteriormente hacer click sobre cada una de ellas y leer el contenido de la información de esas entradas.Mary - españa
Mary: No puedo, en el espacio que permite un comenterio, explicarle detalladamente cómo crear una página de inicio como la que cita.
Lo más conveniente sería la utilización de una tabla o tablas puestas en el elemento HTML/JavaScript que le sirve de página de inicio. Allí podría colocar textos e imágenes, y también un menú con trozos de las entradas, enlazadas con las direcciones de las entradas correspondientes.
Este tutorial le puede ser útil:
http://bloguermast.blogspot.com/2009/12/tablas-basicas.html
Saludos.
Gracias nuevamente por toda su atencíon y ayuda ... vere que puedo hacer como soy algo novata. saludos
Mary
Genial!!!
Muchisimas gracias por compartir este contenido!
un abrazo grande y agradezco su aporte porque me ha sido de gran utilidad.
marcotiraboschi.blogspot.com
Marco:
Muchas gracias por su somentario.
Saludos.
me sirvió gracias
Con mucho gusto Amagador.
Saludos.
Estimado señor, estoy muy agradecido por su colaboración. Me ha ayudado mucho. He buscado bastante sobre este tema y sólo usted lo ha solucionado y de modo tan didáctico. Nuevamente gracias.
Augusto
Augusto: Comentarios como el suyo nos indican que el propósito de este blog se está cumpliendo: Ser útil a los lectores. Al mismo tiempo son un estímulo para seguir adelante. Gracias.
Saludos.
hola!
gracias por tomarte el tiempo de hacer este post, es genial y parece super facil, digo parece porque o soy muy corcha o estoy haciendo algo muy mal. Todo el tiempo me sale error, por dios parece que todos lo hicieron super bien y yo no puedo por favor ayudame.
me gustaria tener un pagina algo elegante para empezar a presentar algunos diseños
muchas gracias!!
Xana: Debes estar cometiendo algún error. Es cuestión de cuidado. Sigue cuidadosamente los pasos indicados en el tutorial y lo lograrás porque estoy seguro de que no eres corcha. Si te persiste el error me cuentas cuál es la plantilla del blog en el que vas a poner la portada, y si le has hecho modificaciones.
Saludos.
Gracias lo que buscaba, se me habia perdido
Muchas gracias... He navegado casi toda la red en busca de ayuda par mi blog, este ha sido el unico que esta bien detallado, se te agradece
Muchas gracias, ha sido fantastico encontrar este post.
Mónica: Fantástica, también, ha sido su visita a este blog.
Saludos.
ha sido de bastante utilidad esta página.
Anónimo: Bienvenido!
Saludos.
Primero te fe felicito por el tuto, esta genial, peroooo tengo una inquietud que seguro podrás solucionarme. Verás ya me funciona lo de la página de inicio, sin embargo ahora no se como mostrar las entradas qe tengo en mi bloc para que las vean mis visitantes
Eker: Vas a Diseño ► Configuración ► Formato y en Mostrar un máximo de X entradas en la página principal pones el número de entradas que quieres que se vean a continuación de la página de inicio que creaste. Después de que pongas el número en la casilla bajas y das click en Guardar configuración.
Saludos.
Hola! excelente tu post. Me gustaría saber si hay alguna manera de crear una portada o pagina de bienvenida con contraseña para ingresar al blog.
Felicitaciones por tu página!
Estimado Anónimo: La explicación para crear un formulario con contraseña para acceder a un post, está en este tutorial:
http://bloguermast.blogspot.com/2011/02/contrasena-acceso-entrada-blogger.html
Saludos.
Hola!!!
Estupenda entrada, súper bien explicado todo...
Sólo me queda una duda... en mi caso no consigo encontrar el código ...
Podrías ayudarme? Puede aparecer algún otro código??? Muchísimas gracias por adelantado! Un saludo.
Perdona, me refería a este código:
Y además ya está encontrado. Mil gracias!
Muchas Gracias.
Emilio: Con mucho gusto.
Saludos.
Excelente!! Me sirvió Joya!! Así va quedando!
http://www.educacionenbraille.blogspot.com
Noe: Felicidades, te está quedando excelente!!
Saludos.
Impecable ! Gracias
Saludos, muchas gracias por tu tutorial explicativo, pero tengo una duda, y es que tu explicación está enfocada para la antigua versión de blogger, ahora en la nueva, en la pestaña de formato no da la opción de modificar "Mostrar un máximo de X entradas", y no veo ninguna manera de poder utilizar la versión antigua un momento para cambiar eso.
Alguna idea?
Muchas gracias!
Poeta_libertario: En la interfaz actualizada de Blogger sí está esa opción. Desde la página principal de tu blog vas a Diseño, en el menú que aparece en el lado izquierdo haces click en Configuración y en el submenú que se despliega haces click en Entradas y comentarios. Ahí encuentras la opción Mostrar un máximo de X entradas.
Como información adicional, para utilizar la versión antigua: En la parte superior derecha hay un piñoncito, haces click en él y en el menú que se despliega encuentras la opción Interfaz anterior de Blogger.
Saludos.
hola, estoy creando mi blogger pero sin quererlo, he publicado lo que sería un bosquejo, no la página principal que yo quería, de hecho estoy creando basada en esa misma plantilla otra que tengo apartada como borrador y puse fecha de publicación para el 2014. No sé como hacer para que no aparezca como página principal la primera que le mencioné. Me podría ayudar y decir cómo soluciono, pues no me da la opción de suprimirla porque ya está publicada. Muchas gracias
SilGall: Blogger siempre muestra, por defecto, la última entrada como Página principal. Precisamente el objetivo de este tutorial es evitar que eso ocurra creando una Portada o Página de inicio que siempre se verá al ingresar en el blog, y no la última entrada.
Las entradas publicadas sí se pueden eliminar, así:
Para la Interfaz antigua:
1.- En su escritorio de Blogger hace click en la opción "Editar Entradas" del blog en el que va a eliminar la entrada.
2.- En la lista de las entradas que aparece selecciona (activando el cuadrito que está a la izquierda de la entrada) la que va a eliminar.
3.- Hace click en "Suprimir Selección" que aparece debajo de la lista de las entradas, y la entrada quedará eliminada.
Para la interfaz nueva:
1.- En la página principal de su blog Hace click en "Diseño" que está a la derecha de la barra superior.
2.- En la página que aparece, debajo de "Mis blogs", hay un menú. Hace click en "Entradas" y selecciona (activando el cuadrito que está a la izquierda de la entrada) la entrada que va a eliminar.
3.- Hace click en la canequita que está en la parte superior de la página, y así elimina la entrada.
Saludos.
Hola Pedro Pablo
te molesto de nuevo, hice lo que me has recomendado y fue bien. Pero en un comienzo en lo que sería la pág. principal publiqué y luego en entradas la eliminé (puesto que no tenía información y no me interesaba que saliera publicada). Tú me has dado la solución y de ahí en más fui creando nuevas entrada este mes con publicaciones que aparecen asi: abril(12). Bueno hasta en este momento todo bien.
Pero como no sé para que sirven las Etiquetas, se me dio por crear una Nueva Página, sin saber cual sería el resultado. Le puse el nombre de REFLEXIONES, pensando que todas mis entradas que yo tenía etiquetas como "reflexiones" se me irían a esta nueva página. No obstante, luego de publicar esta nueva página, observo que debajo en la parte superior, debajo del nombre de mi blog, se agregó un menú, donde aparece REFLEXIONES Y VARIOS (1ªpág. que yo creí que era la página principal y dónde me aparece todas las entrada). Si yo clico en la pestaña: REFLEXIONES, se visualiza esta publicación de un tema que yo publiqué ayer. En el lateral aparece exactamente lo mismo que en la pestaña VARIOS con sus entradas: abril (12) etc. y todo lo demás.
Lo que no me queda nada claro, estoy re-liada con el tema, como verá son novata, es cómo hago para que en la última pág. creada, pueda agregar nuevas entradas y que sólo se visualicen para los lectores que quieran ver sólo Reflexiones y ningún tema más. Si yo cuando estoy creando la entrada, y la etiqueto con la palabra Reflexiones, no me va a ésta pestaña?
Es decir, cómo hago para que de ahora en más estén separadas las entradas por temas, aunque sí me aparezcan al lado todas la entradas del mes.
Partiendo de la base que quiero una portada, que no sé por qué motivo me queda al lateral de mi blog con el nombre: HOY, es que la que realmente quiero que aparezca cada vez que un usuario entre en mi blog, no sé como quitarlo de ahí y que aparezca como una pestaña llamada: PORTADA.
Tú lo explicas muy bien, y comprendo todo, pero tengo mucho miedo de realizar esto, por la falta de conocimiento. De hecho no sé como tiene ese título, no recuerdo dónde lo puse, y por qué aparece como una entrada.
No se si me explico? estoy muy confundida. Necesitaría que me echara una mano para que viendo mi blog, me pudiera dar los consejos necesarios paso a paso que debo seguir para configura bien mi blog. Si he entrado en esta parte de Portada es porque sí quiero que exista, pero no tengo nada claro como hacer que no se me borre nada de lo ya publicado.
Por otro lado es posible que pueda trasladar las entradas que aparecen en VARIOS, que tengan etiquetas de Reflexiones a la página de REFLEXIONES para tenerlo organizado?
Lamento todo el tiempo que le estoy robando, pero necesito ayuda, y la verdad, usted es la única persona que explica paso a paso todo lo que resuelve nuestras dudas. No le engaño, he buscado por más sitios pero sin resultado, incluso en el tutorial de google, pero sólo me lo enreda cada vez más.
Muchas gracias, y le pido que por favor entre en mi blog, lo vea y luego me diga, por favor, que debo cambiar, cómo y para qué sirven las pestañas.
Muchas gracias, un abrazo y me gustaría poder recomerdarlo, cómo lo hago también.
AH me olvidaba, yo vinculé al Twitter, pero a Facebook no hubo manera. He creado una cuenta en Facebook, me he ido a recursos, copié el código, abrí un nuevo gadget y lo pegué, pues el nombre de Facebook y acepté. Pero no da nada para clicar, sólo verá que aparece la palabra Facebook, pero nada más. A pesar que elegí hasta la forma del botón y todo.
Gracias por todo, mil gracias, no sé como agradecerle toda su ayuda.
Esperaré a que me de su explicación.
Si le parece que es muy liado todo lo que le pregunto, por favor no pierda tiempo conmigo, de todos modos, me siento que estoy abusando de su buena voluntad.
mi blog: gente2gente.blogspot.com
Mis respetos
hola Sr.Pedro Pablo
he ido siguiendo el tutorial, y me ha ido bien.
Solo que ahora en la pág. de inicio del blog, me aparece esto en la parte superior.
expr:class='"loading" + data:blog.mobileClass'>
y no sé como quitarlo.
Me podrá echar una mano. Verifiqué en HTML, y busque con ControlF y no aparece nada de nada
Muchas gracias por adelantado.
SilGal: Respuesta al comentario #42:
SilGall:
Después de leer tu mensaje quedé más confundido que tú.
Te respondo lo que pude entender:
Las etiquetas sirven para identificar las entradas que las tienen. Es decir si tú haces click sobre una etiqueta se mostrarán todas las entradas que tiene esa etiqueta.
En cuanto a la portada, si te queda en la columna lateral es porque pusiste el gadget correspondiente en la columna lateral. Debes ir a Elementos de página, pones el cursor sobre el gadget en el que pusiste la portada y, con el botón derecho del mouse, arrastras ese gadget hasta ponerlo exactamente debajo de la cabecera del blog.
Tranquila, no abusas de mi voluntad. Te colaboro en todo lo que esté a mi alcance, con mucho gusto.
Saludos.
Respuesta al comentario #43:
SilGall: Mira en la plantilla a ver si encuentras una línea como ésta:
<body> expr:class='"loading" + data:blog.mobileClass'>
Si la encuentras le quitas el cierre (>)a la etiqueta <body> siempre y cuando esté seguida de la parte indicada en la línea.
Saludos.
Al cambiar el no por el yes en el código no me deja guardar la plantilla, me aparece este error:
No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: Open quote is expected for attribute "{1}" associated with an element type "showaddelement".
Error 500
Que puedo hacer
Gracias de antemano si me podeis ayudar
MGCruz: Cuando se hace una modificación a la plantilla se debe tener mucho cuidado ya que cualquier omisión o alteración, por insignificante que sea, produce error.
En este caso se trata de las comillas. Si cambias el 'no' con comillas por yes sin comillas, se te va a producir ese error. Debes cambiar 'no' con comillas por 'yes' también con comillas. O sea cambias no por yes, pero dejando las comillas.
Saludos.
Saludos Pedro ¿con este método puedo crear una imagen de Portada que me redirija luego a las entradas publicadas? muy al estilo de este sitio Por Ej: > http://wool735.com/cw/home/ o http://www.ideologic.org/
Se que las posibilidades de blogger son limitadas con respecto a un dominio pero me gustaría saber si ¿el resultado en blogger es el mismo?
Quizás puedas mostrarme algun blog (blogger) en el que hallas aplicado este tutorial. Gracias
Ferdinand: Puedes utilizar imágenes como enlace a las entradas, pero una imagen por entrada, con este código:
<a href="Aquí URL de la entrada"><Aquí Código de la imagen></a>
En este tutorial se trata todo lo relacionado con imágenes subidas a Blogger:
http://bloguermast.blogspot.com/2011/04/imagenes-subidas-blogger.html
En este blog se aplicó este tutorial:
http://castorluxerias.blogspot.com/
Saludos.
Hola Pedro,llevo un buen rato,estudiando todo lo escrito,dicho y orientado.Hice todo pero en mi blog (www.planetslucky.com)sigue apareciendo"no hay ninguna entrada".
Realmente lo que yo quiero es una pagina de apertura donde aparezca solo mi video y debajo de este,el texto ENTRAR.
Al hacer clic sobre ENTRAR,que me lleve entonces al home page del sitio,o al sitio como tal.
Un saludo cordial y felicidades por ser nuestro tutor, Slucky
Stucky: Si sigue apareciendo "No hay ninguna entrada" es porque esta línea:
<b:include data='top' name='status-message'/>
está dos veces en la plantilla. Elimina la que está antes de:
<data:defaultAdStart/>
Ese pie de página también se puede eliminar así:
Vas a Edición de HTML, sin expandir plantillas de aritulugios localizas esta eriqueta: ]]></b:skin> y antes de la misma pegas esta línea:
.status-msg-wrap {visibility:hidden;display:none;}
En cuanto al video, en el gadget que creaste y que va a servir de portada o página de inicio, pones el código del mismo. Lo que no se puede es poner un enlace con el texto ENTRAR y que te lleve al HOME del sitio, porque la portada que creaste es el HOME. Lo que sí se puede es crear un menú con enlaces que lleven a las entradas.
También podrías crear un blog gemelo, con un carácter en la URL que lo distinga del blog principal, con una única entrada en la que pondrías el video y el enlace con el texto ENTRAR que te lleve al blog principal.
Saludos.
Gracias,Pedro.Hice lo del Blog Gemelo. Me gusto mucho lo que resulto'. Un saludo y muchas gracias.
Pedro Pablo, Gracias mil por el tutorial esta excelente.Me sirvio de mucho...Saludos de Mexico.
Hola Pedro, le ha llegado mi solicitud para el desplazamiento de imágenes de este blog en el cual también participo?
www.hablemosdeactualidadbienvenidos.com
Las fotos están estáticas y en columnas hacia abajo, quisiera saber que agrego en html, para ver sólo una y que se vayan desplazando de izquierda a derecha o viceversa. Muchas gracias desde ya, un saludo.
Joe: Gracias a ti por tu visita.
Saludos.
Silvia: Te envié la respuesta a tu correo.
Saludos.
Muy Bueno!!!
Diseño de Página Web: Gracias por su visita.
Saludos.
Hola! He conseguido hacerlo pero no consigo que la portada solo se vea en la página de inicio. A ver si puedes ayudarme...
Laura: Como se explica en el tutorial la portada que se crea no es un post sino un gadget que se debe poner encima del cuerpo de las entradas. Al mismo tiempo se debe configurar el formato para que se vea un máximo de cero entradas en la página principal. De esta forma al acceder al blog no se verá ninguna entrada, sino el gadget que hemos agregado como portada. Todo esto está explicado en el tutorial.
Saludos.
Los amo...!!!! gracias por el tip...
Hola!! estoy intentando seguir tu guía para crear una portada en mi blog, el caso es que he llegado al punto 7 en el que debo crear un nuevo gadget y no sé si solo llenandolo con palabras provicionalmente es suficiente purs cuando voy a la edicion en html y abro no encuentro el texto tal cual tu lo dispones, me puedes ayudar?? como verás soy novata!!
Gracias, Wendy
ahora releyendo los casos veo que en realidad me falta mucho para entenderles así que quisiera saber si: es posible colocar una Portada estatica de imagen??? en lugar de html
Wendy: Al gadget que agregues, sea del tipo que sea, le pones un título. Con ese título es que identificas en la plantilla el código correspondiente al gadget que agregaste. Si quieres después puedes quitar el título.
Por ejemplo, si agregaste un gadget del tipo Texto, y le pones como título Portada, el código correspondiente a ese gadget que debes buscar en la plantilla sin expandir artilugios, es como éste:
<b:widget id='Text1' locked='false' title='Portada' type='Text'/>
Si el gadget es del tipo HTML, el código es como éste:
<b:widget id='HTML1' locked='false' title='Portada' type='HTML'/>
En Diseño debe aparecer el gadget que agregaste con el título que le pusiste.
Saludos.
Wën Häuser: Puedes poner como portada una imagen agregando en Diseño un gadget del tipo Imagen y subiendo, en ese gadget, la imagen que quieres como portada.
Saludos.
¡Qué entradas, son más que excelentes y útiles!
Muchas gracias, nadie encuentra cómo agradecerte, de seguro~
Todo lo que has compartido con nosotros y lo he aplicado a mi blog, a funcionado *--*
¡Sigue!~
Katherine: Gracias por tu visita y tu comentario.
Saludos.
Estoy intentando darle forma a mi nuevo blog de manualidades, pero tengo la nueva version de blogger y para mi es bastante confuso seguir tus pasos en la misma. ¿Podrías ayudarme? ¿Cómo lo hago en la nueva versión?
Yaiza: He adaptado el tutorial a la nueva versión de Blogger. Intenta ahora seguir los pasos. Si tienes problemas me lo haces saber y trataremos de solucionarlos.
Saludos.
Vale, gracias.
Muy bien explicado.
Emilio: Gracias por su visita.
Saludos.
Con las disculpas por la molestia, les estaría muy agradecido si me puede ayudar con un par de datos precisos ya que pasan meses de dar vueltas y consultar y nadie me saca de mi ignorancia. Quisiera yo armar un blog muy simple, sin fotos ni videos ni presentaciones ni nada complicado. Solo textos. Pero quisiera hacerlo de la siguiente forma: Colocar arriba pestañas. Eso lo se hacer. En cada pestaña meter un texto de los temas ahí tratados. Hasta ahí lo se hacer. Quisiera que cada vez que haga click en una pestaña o página de arriba, se depliegue al costado un índice de los títulos de esa página y que al clickear en ese título vaya a ese solo artículo. Y así cada uno de los títulos. Y cuando cambio de página o pestaña se despliegue el índice de títulos de esa solo página. No quiero un archivo de post por fecha porque igual la fecha figura en cada entrada. Otra es que pueda crear un portal de entrada pero leí sus indicaciones y con el nueva disponsición de blogger no puedo seguir exacto como usted lo explica. Disculpe se la hice larga pero nadie me entiende y es algo tan simple y no puedo lograrlo. Desde ya muchas gracias
Víctor: En la parte derecha de este blog está el menú "Contenido". En la sección "Menús" posiblemente esté el que está buscando.
En cuanto a la Portada o "Portal de entrada" las indicaciones están adaptadas a la nueva disposición de Blogger.
Saludos.
Buenas Sr. Pedro Pablo, su tutorial me ah servido bastante, pero mi unico problema es que quisiera hacer un enlace a las paginas anteriores, le doy click en el enlace que tiene en el tutorial pero no encuentro ese tutorial, o bueno como hacerlo.. le agradezco de antemano
quise decir "enlace a paginas interiores"
Rtro Contreras, el enlace a que se refiere no es a un tutorial sino a un ejemplo de portada creada con las indicaciones de este tutorial.
Los enlaces a páginas interiores se deben poner en un menú que, a su vez, se debe poner en la barra lateral. En el siguiente tutorial se indica el procedimiento a seguir para crear un menú que le puede servir:
http://bloguermast.blogspot.com/2010/09/menu-desplegable-para-blogger.html
Saludos.
hola, veo que usted si que sabe de blogs y eso asi que pense que tal vez podia ayudarme con un problema que tengo. Debe de ser una tontera pero yo estoy como empezando con esto y le agradeceria muchisimo su ayuda. Yendo al grano me pasa esto
http://img822.imageshack.us/img822/6821/problemara.jpg
Lo que yo quisiera es que al hacer click se mantenga con la misma letra, color, etc.
Gracias de antemano
Romina, dentro del código CSS con el que creó el menú debe haber una sección con la característica "visited" que es la correspondiente a los enlaces visitados. En esa sección de código hay que hacer las modificaciones a las propiedades del fondo, del texto, del tamaño del text, etc. de los enlaces visitados.
Saludos.
ok. Gracias miles por su respuesta, lo voy a intentar y le cuento. Saludos.
Hola! Le quería contar que seguí paso a paso sus instrucciones y me resultó todo según lo esperado. Tengo un blog de libros y siempre quise que no me apareciera la clásica entrada sino una tipo galería con las portadas de los libros que subo así como en las páginas de películas... y tras tanto buscar una plantilla que se asemeje a mis gustos, doy con su tutorial de las mil maravillas... claro que lo hice en un blog de pruebas pero como ya sé que funciona, no hay que seguir buscando.
Gracias por todo su trabajo!
¡Felicidades Anónimo!
Sr. Pedro Pablo, en primer lugar muchas gracias por sus valiosísimos aportes. Necesito hacerle dos consultas al respecto: 1. Al crear la Portada tal cual ud. muestra en el tutorial lo hice con formato de texto, ¿cómo hago para cambiarla a html o a imagen? y 2. Lo primero que hice al crear mi blog fue escribir tres entradas. Posteriormente creé dos páginas más, además de la principal, para ir organizando por temas las entradas, pero no sé cómo pasar las entradas que están en el inicio a las páginas correspondientes. Incluso ahora que he creado la Portada y al poner que muestre 0 entradas en la página principal, ya no me muestra las entradas que tenía.
Espero haberme explicado correctamente, un saludo desde Córdoba,Argentina.
Fabiana,
1. Si se refiere al gadget en el cual se pone la portada, en Diseño ► Diseño ► Añadir un gadget, en la opción "Lo básico" encuentra HTML/Javascript e Imagen.
2. Precisamente la opción "0 entradas" no permite ver ninguna entrada. Esto se hace para que al ingresar al blog se vea únicamente la Portada, en la que se ponen resúmenes de algunas entradas con enlaces a las mismas. También se puede poner un menú en la sidebar con enlaces a las entradas.
Cordial saludo.
30 de marzo de 2013 14:11
hola buenas noches
he seguido el tutorial
pero no puedo modificar las lines del widget de portada
no encuentro las lineas del widget en html que nombre como portada no encuentro solo encuentro la linea de portada pero no aparecen el resto de lineas que publicas en el paso 9 de tu tutorial
me podrias ayudar por favor¿¿
Joen Steve,
para que aparezcan las líneas del widget debe expandirlo, así:
En el lado izquierdo de la línea que encuentra hay un número con una flechita negra, haga click ahí para que el código del widget se expanda y aparezcan las otras líneas.
Saludos.
Ya hice el procesimiento pero ahora como agrego imagenes o mi cotenido a la portada? Gracias!
Otra pregunta,si lo hice con un gadget de texto podre subir ese tipo de archivos? o puedo convertirlo a html?
Hola, cómo está.
Hace un tiempo siguiendo sus instrucciones descritas conseguí poner mi página de inicio a mi gusto, pero con el nuevo formato para editar las plantillas en blogger quedé desorientada en varios aspectos. Tengo el mismo problema que Joen Steve al llegar al paso de "Portada". Le doy a expandir plantilla de artilugio o en este caso plantilla de formato, ubico la línea donde dice Portada, expando tal línea pero no aparece lo que en el ejemplo y al intentar agregar las líneas me da error.
Lo podría corroborar por favor.
Eternamente agradecida por su buena explicación y paciencia,
Paola.
Respuesta al comentario #88: Para poner imágenes el gadget utilizado como portada debe ser del tipo HTML/JavaScript. Sube, en una entrada que después eliminará o en un blog de pruebas, las imágenes que va a poner en la portada, copia los códigos y los pega dentro del gadget. En cuanto a los textos los escribe dentro del gadget normalmente. A las imágenes y alos textos les da las ubicaciones acordes al diseño que le quiera dar a la portada.
Saludos.
Respuesta al comentario #89: En un gadget del tipo Texto podrá poner poner únicamente textos. Para poner imágenes el gadget debe ser del tipo HTML/JavaScritp para poder poner los códigos de las imágenes. En este gadget también puede poner textos.
Saludos.
Paola, después de que expanda la línea en donde dice Portada debe expandir la que aparece enseguida, que es ésta:
<b:includable id='main'>...</b:includable>
...Y ahí sí aparecerá el código completo, como está en el tutorial.
Saludos.
Gracias Pedro Pablo!
disculpa como puedo hacer para poder poner cero entradas? ya segui todos los pasos pero me sale que solo permite comominimo 1 entrada ... algun html para eliminar aquello? Muchas gracias de antemano.
DnxBel, estás poniendo cero número de entradas a mostrar en Diseño, en la sección correspondiente a las entradas, ahí no es. Es en Configuración como se indica en el tutorial.
O sea tú estás siguiendo esta ruta, desde la página principal:
Página principal ► Diseño ► Diseño y entras a editar la sección correspondiente a las entradas. Ahí no se te permite poner menos de 1.
La ruta que debes seguir es la indicada en el tutorial:
Página principal ► Diseño ► Configuración, despliegas el menú Configuración y haces click en Entradas y comentarios. Bajo el título Entradas podrás ver la opción Mostrar un máximo de X entradas. En la casilla correspondiente al número, que por defecto es 7, es en donde debes poner 0. Luego haces click en "Guardar configuración" que está en la parte superior derecha.
Saludos.
Sr. Pedro, segui su tutorial y hasta ahora me esta llendo bien. Todavía tengo encima el cuadro que dice "No hay niguna entrada" y quiero sacarlo. busque su linea de código y me da que no está.
Detrás del código, debe asegurarse de que está buscando correctamente. La búsqueda debe hacerla con el buscador del editor. Hace un click dentro del editor y después digita Ctrl + F. En el rectángulo que aparece en la parte superior derecha del editor introduce la línea de código y da Enter; el buscador lo llevará a la línea.
Saludos.
muy buen post gracias
Saludos. Ante todo enhorabuena por su blog y decirle que admiro su dedicación. He seguido todos los pasos que usted expone y creo que he conseguido que casi todo me salgo bien. Gracias. Mi único problema va más allá de lo que ha explicado: me gustaría poner como página de inicio algo más elaborado que lo que me permite el gadget (algo en la línea de la estética de una entrada). Lo mejor que he podido hacer es copiar el HTML de una entrada que no he publicado y pegarlo en ese gadget. El problema es que en ese proceso se desvirtuan muchas cosas y no queda para nada igual. Aquí le dejo mi dirección:
http://lecturasdeunfilosofo.blogspot.com.es/
Me gustaría poner la imagen a la derecha del texto y que el texto quede al lado, también quería poner otro tipo de fuente. ¿Sólo podemos usar gadget para llevar a cabo esto si no conoces el lenguaje HTML? Gracias por su atención.
Miguel,
Se puede crear una portada sin utilizar gadget. El tutorial correspondiente es éste:
http://bloguermast.blogspot.com/2013/01/portada-tipo-magazine-para-blogger.html
Gracias por su comentario.
Saludos.
Hola Pablo
He seguido el tutorial, todo correcto, pero me encuentro con un problemilla. No consigo cambiar el color de fondo del gadget de la Portada para que sea negro, acorde con el resto del blog. He probado con el código
#Portada .widget-content{
background: #58acfa; /* Color del fondo */
}
Y otras tantas opciones (insertar una imagen negra) pero nada funciona. En consecuencia, el texto de la portada no resalta sobre el fondo del blog. Puede verlo aqui:
http://cottonballragdoll.blogspot.com.es/
No querría tener que cambiar todo el diseño (colores de texto o imagen de fondo) para solucionarlo ¿Alguna sugerencia?
Perdón, el código tal como lo he introducido sería este:
#Portada .widget-content{
background: #000000;
}
Hola Cris,
Los gadgets no se identifican con el título sino con el tipo. El código que debe pegar, antes de esta etiqueta:
]]></b:skin>
es éste:
#HTML1 {
background: #000000;
}
...cambiando HTML1 por la identificación del gadget que haya utilizado (HTML2, HTML3, HTML4, Text1, Text2, Text3. etc.), teniendo cuidado de poner las mayúsculas y minúsculas tal y como están en la identificación que del gadget se hace en el código correspondiente (primera línea: b:widget id='HTML1' )
Si tiene alguna dificultad o no he sido claro, me lo hace saber, por favor.
Saludos.
Hola de nuevo, Pedro
No ha funcionado :( No sé si será porque usé un gadget de texto para crear la portada? O tal vez mi plantilla tenga pre-diseñados los gadgets con fondo transparente. En tal caso, ¿cómo lo modifico para que el resto de gadgets mantengan su fondo transparente pero la Portada tenga el fondo negro?
Hola Cris,
El tipo de gadget no es el problema. El código debe (o debería) funcionar con cualquier tipo de gadget. Pruebe con este código:
#Text1 .widget-content {
background: #000000;
}
...reemplazando Text1 por la identificación del gadget tal y como está en el código del mismo. Este código le pondrá color al fondo del contenido mas nó al fondo del título del gadget. Para ponerle color al fondo del título debe agregar este código:
#Text1 h2 {
background: #000000;
}
Si tampoco le funciona me lo hace saber y aplicamos otra solución.
Saludos.
Hola de nuevo, Pedro
Tampoco funciona ese código. Tengo un blog cabezota, jeje. Lo único que he llegado a conseguir es poner el fondo del texto (no del gadget) en color negro, pero queda bastante mal porque se ve a franjas.
Lo más curioso es que tengo también un menú desplegable y ese gadget sí tiene fondo negro, con un código similar al que propones:
/* Menu horizontal con buscador
----------------------------------------------- */
#menuWrapper {
width:102%; /* Ancho del menú */
height:37px;
padding-left:1px;
background:#000000; /* Color de fondo */
border-radius:0px; /* Bordes redondeados */
}
Si pudieras ofrecerme alguna otra alternativa, estaría muy agradecida.
Un saludo
Hola Cris,
No nos vamos a dejar ganar de tu blog "cabezota". Con mucho gusto te ofrezco otra alternativa, pero deberás cambiar el gadget tipo texto por uno tipo HTML/JavaScript.
Dentro de ese gadget pones una tabla con fondo negro, y dentro de esa tabla el contenido de la portada, así:
<table border="0" width="100%" cellpadding="5px" bgcolor="#000000">
<tr>
<td>
AQUÍ EL CONTENIDO DE LA PORTADA
</td>
</tr>
</table>
width="100%" es el ancho de la tabla que, en este caso, ocupará todo el ancho del cuerpo de las entradas. Para un ancho menor cambias el valor porcentual por un valor absoluto, en pixeles.
cellpadding="5px" es el espacio entre el contenido y los bordes.
bgcolor="#000000" es el color del fondo.
Espero que esto sí te funcione.
Saludos.
¡Pedro! ¡ha funcionado! Eres un crack, jeje.
¡Muchísimas gracias por tus consejos y tu paciencia!
Cris ¡Con mucho gusto!
a mi me sale una cosa rara,me sale,ver tu blog o cosas asi,y a mi profesor de informatica,y mis compañeros otra cosa,ayuda:S
Anónimo, no entiendo el problema a que se refiere. Si el procedimiento es seguido exactamente, como se indica en el tutorial, el resultado debe ser también el indicado. Revise los pasos seguidos. Si no logra el resultado correcto describa exactamente cuál es el problema.
saludos.
Hola Pedro Pablo, un tutorial excelente, me ha salido a la primera. Pero como se trata de un widget, resulta que no se ve en un móvil/celular. ¿Sabes si hay alguna manera de que se pueda ver este widget en un movil/celular, ya que es coincidente con el ancho de las entradas?. Gracias.
Hola Javier, no es posible que ese widget se vea en un celular, pero sí es posible que la portada se vea, así:
Creas un entrada en la cual pones lo que hiciste en el widget (esto en el editor HTML de la entrada), y eliminas el widget. Creada la portada en una entrada, deberás hacer con ésta lo siguiente:
1.- Vas a Diseño ► Configuración ► Entradas y comentarios; en donde pusiste "Mostrar un máximo de 0 entradas" cambias el "0" por "1", para mostrar, obviamente, una sola entrada en la página principal, que será la que contiene la portada.
2.- Debido a que Blogger muestra, por defecto como primera, la última entrada creada, las que crees posteriormente a la que contiene la portada, la desplazarán; para evitar esto cambias la fecha de la entrada por una muy posterior, como se explica en este tutorial:
http://bloguermast.blogspot.com/2013/01/cambiar-el-orden-de-las-entradas-de.html
3.- Para que no se vea esa post-fecha en la portada vas a Diseño ► Entradas del blog, y desactivas la opción correspondiente a la fecha, con lo cual no se verá la fecha en ninguna entrada.
4.- Si para las conveniencias de tu blog es necesario que se vea la fecha en las entradas, no haces lo indicado en el punto tres sino que eliminas únicamente la fecha de la entrada que contiene la portada, como se indica en este tutorial:
http://bloguermast.blogspot.com/2012/07/quitar-la-fecha-de-una-entrada-de.html
Saludos.
hola! me super ayudaste con el post!
muchas gracias!
lo que si... una consulta..
cuando termino lo de la *portada* (como señalaste en el ejemplo)
al entrar las diversas entradas esta (en este caso es una imagen lo que puse) tapa a lo que tengo..
(por decirlo asi nomas al abrir un post esa imagen no se sale... queda tapando todo lo otro) no se si me di a entender bien D:
eso se puede sacar? o cambiar?
osea.. que quede solo como *pagina principal*, no que se arrastre a otras publicaciones tapandolas..
MUCHAS GRACIAS ;)
Todossomosinfinitos, como se indica al final del tutorial debe poner cero (0) en las entradas a mostrar para que en la portada no se vea sino el gadget que sirve como tal.
Saludos.
#114
Hola de nuevo Pedro Pablo, hice tu sugerencia y te lo agradezco. El resultado fue que inserté una entrada con fecha "01 enero 2020", y siguiendo tus claras instrucciones quedaba oculta en el blog si se veía a través de un pc, pero a través de un celular la fecha se veía. Blogger carga las 5 primeras entradas en los celulares con fecha incluida. Me puse a leer a otros webmasters de blogger, y "El Potro" en su web-blog tiene un truco muy sencillo para ver el gadget que tú propones en un celular. El post es:
http://ciudadblogger.com/2011/11/habilitar-las-plantillas-personalizadas.html
Yo lo he probado en mis webs www.arquitectojaviertorocaviedes.es y www.certificadoenergeticovalladolid.com y funciona.
Muchas gracias, Pedro Pablo y al Potro también.
Gracias, me ayudó!
Buenas Tardes
Gracias por aportarnos los tutoriales.
Yo he seguido todos los pasos que indicas y me ha funcionado muy bien lo de la portada pero yo tengo dividido el blog por una barra de navegación con submenús y cada menú una etiqueta para que solo salga la entrada correspondiente en cada apartado pues ahora pinches la que pinches solo me sale la portada que en teoría solo debería salir al abrir el blog, no se que hacer para ponerlo bien. Gracias
Jesús, la portada, creada como se indica en el tutorial, no tiene nada qué ver con ningún menú. Un menú, póngase donde se ponga, debe llevar a las páginas a las que dirigen los enlaces puestos en los elementos del menú. El problema debe tener otro origen. Sin embargo te sugiero que pruebes creando la portada nó en un gadget sino en una entrada, como se indica en este tutrial:
http://bloguermast.blogspot.com/2012/07/quitar-la-fecha-de-una-entrada-de.html
Saludos.
Hola, seguí el tuto pas a paso y todo me resultó perfecto, excepto porque no quiero poner ningún post en la página principal y edité tal como debe de hacerse, y Blogger me publica un chismoso mensaje que dice: "Ninguna entrada aún" ¡¡¡HAAAYYY !!! Y a la gente qué le importa jajajajajjajaja ¿qué tiene que andar avisando el Blogger!
¿Sabes cómo hacer para que no muestre esa información?
-Saludos, excelente Blog, no lo conocía pero lo seguiré a partir de ahora :)
Gracias
Gracias
Hola, acabo de postear que necesitaba saber cómo hacer para quitar ese mensaje chismoso de "No hay entradas" xD Y, ¡ya lo he conseguido! Hay una herramienta en Firefox con el botón secundario que dice "inspeccionar elemento, y te muestra tanto la codificación HTML como CSS del elemento que hayas seleccionado, así que use esa herramienta y arrojó como resultado que ese elemento dentro de la plantilla Blogger se llama:
Así que únicamente fui a editar plantilla, busqué ese elemento y lo borre por completo, bueno le puse una rayita - y asunto arreglado :) ya nadie que andarse enterando de sí hay o no hay entradas en la página principal, jejejeje, que para eso tengo los Tags ;) archivo y de más en la Side Bar :D
Saludos, y Excelente Blog :)
Erika, al final del tutorial, en el punto 3, se indica cómo eliminar ese mensaje.
Saludos.
Hola muchas gracias yo estoy empezando con esto de hacer blogs y estaba buscando esto :D me ayudaste mucho y si me sirvio
¡Saludos Z3ro021!
weyyy
Hola, tengo una duda: puedo crear una pagina en blogger con diferente formato de plantilla? es que deseo poner una información sin el mismo diseño de la plantilla y deseo agregar otro diferente, sera que puedo?
Buenas tardes, a pesar que los pasos a seguir esten muy bien expuesto, cuando llego al paso 9, poner la palabra Portada en el motor de busqueda, no se encuentra en la pagina HTML...
¡¿EN QUE ME EQUIVOCO?!
he pinchado en la pagina y cumplí con los pasos anteriores!
Muchas gracias
Primero de todo enhorabuena por el blog tan completa que tienes.
Mi problema es el siguiente, a ver si por favor me puedes ayudar:
Hice todo tal y como explicas en el tutorial, pero una vez que intento editar la portada desde diseño lo que escribo o las imagenes que pongo en HTML no me aparecen en mi portada y no se a que se puede deber.
Este es mi proyecto de blog :http://voyageconmigo.blogspot.com/ y como verás debajo del slider dónde debería aparecer una imagen colgada en diseño/portada(gadget en Html), no me aparece nada
Gracias de antemano
un saludo
Alejandro,
Te sugiero que revises todos los pasos indicados en el tutorial. Si los sigues correctamente la portada debe funcionar.
Revisa si en
showaddelement='no'
Cambiaste 'no' por `yes`. Si esta línea aparece varias veces, debes hacer el cambio en todas.
Saludos.
Este blog ya cumplió su ciclo, por esta razón, aunque sigue a disposición de los usuarios, no se harán más publicaciones ni se atenderán más consultas. La respuesta a su inquietud puede estar entre los comentarios hechos hasta aquí.
El autor.