Los cuidados, consejos y curiosidades de los animales han llegado a Blog de Blogs


24 May

Crear paginas estaticas en bloggers

Crear paginas estaticas en bloggers

En Blogmundi lei un interesante y sencillo tutorial sobre como crear una pagina estatica en blogger ,al comienzo de los post. Por defecto blogger no lo permite pero aqui, les explicamos un truco que solucionaria este problema

Pasos a seguir:

1. Crea el post o los post normalemente, con titulo, contenido, link, etc
2. Corregiremos unos datos en las “opciones de entrada“:

-Ponemos una fecha anterior a la real
-Desabilitamos la opcion de recibir comentarios y pingback (opcional)

3. Como nos explica blogmundi tenemos dos maneras de hacerlo, una de ellas es:

-Ir a nuestro diseño, agregar una lista de vinculos con las url hacia nuestro post creado anteriormente. Pueden ser varios, por ejemplo contacto, acerca de, informacion adicional etc.

- La otra opcion es agregar un pequeño codigo que nos permitira agregar un especie de barra de navegacion. (algunas plantillas pueden que no sea compatible) Sigue estos pasos

—Vayan a Diseño–>>>Edicion HTML y busquen el siguiente codigo:


<div id='header-wrapper'>
<b:section class=’header’ id=’header’ maxwidgets=’1&#8242; showaddelement=’no’>
<b:widget id=’Header1&#8242; locked=’true’ title=’Consejos para blogs… (cabecera)’ type=’Header’/>
</b:section>
</div>

—Reemplaza el texto en negrita por lo siguiente:

<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>

—Ahora debemos añadir este código justo encima de la etiqueta </b:skin>

#header ul li {
display: inline;
padding: 0 5px;
}

Guardas tu plantilla y vas a tu diseño, agregas una “lista de vinculos” con los enlaces de los post creados. Arrastra el elemento hacia abajo de tu cabecera y trabajo terminado.

Espero que lo haya entendido ante cualquier duda, me dejan un comentario.

  • Enviar a:
  • Fresqui
  • Meneame
  • Barrapunto
  • MisterWong
  • Del.icio.us
  • co.mments
  • Yahoo
trackback Dirección Trackback
categorias Categoría/s: Blogger, Javascript, Trucos
tags Tags: ,

Publicidad

2 comentarios en “Crear paginas estaticas en bloggers”

  1. Carledens
    1

    Hola buenas tardes te escribo desde Venezuela, mi nombre es Carlos Eduardo un placer pasar por tu pagina..

    Mi pregunta es la siguiente.. quiero tener un menú que me lleve a Contactos - Acerca de - Quienes somos - Etc Etc etc.. así como lo tienes tu .. un menú normal digamos … mi duda es en lo siguiente.. en una pagina web normal lo que se hace es crear una nueva pagina, se introduce la información que queremos y ya redireccionamos a ella en el menú… pero en Blogger no tengo la menor idea de como se crea esa “Nueva Pagina” que se llame contactos por .. veo cuando pongo mi cursor encima de los menus de algunos blogger y salen las redirecciones … me explico .. si el blog se llama Venezuela.blogspot.com pss en el menú al poner el cursor en contactos sale asi Venezuela.blogspot.com/contactos yo tengo todo los códigos de mi formulario de contactos ya todo perfecto y también se ponerlo en el menú de la cabecera del blog .. ahora mi pregunta es como hago para que me quede con esa dirección? donde creo esa pagina de contactos? si fuese una entrada donde veo la Url de esa entrada? xq no tengo ninguna entrada aun xq esta nuevo el blog … bueno espero me haya explicado bien .. de veras estoy muy confundido .. espero puedas ayudarme y de antemano muchismas gracias y felicidades por tu pagina … me despido un saludo desde Venezuela … Carledens

  2. Alexis
    2

    La verdad que me mataste, nunca se me ocurrio ver eso, pero no debe ser nada de otro mundo. Te lo puedo averiguar y despues te cuento.

    Un Saludo y gracias por preguntar, hare lo posible por sacarte la duda lo antes posible.

Deja un comentario

Agradeceríamos conocer tu opinión acerca de esta entrada. Abstente de insultar y de utilizar palabras malsonantes. Aquellos comentarios o nicks que no se ajusten a lo anterior, o que mencionen o enlacen a otras webs de forma promocional y descontextualizada, serán borrados/modificados inmediatamente.

Puedes usar las siguientes etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Publicidad