Menu en tu blog, Classic-Blogger

Bueno en realidad exactamente no es un menu de secciones de tu blog, pero creo que es lo mas parecído que se puede hacer, jejeje
Tampoco se si esto funciona en cualquier típo de blog o templates, pero a mi me sirvió… por eso ante la duda guarden el template o plantilla en un archivo de texto, cosa que si se llegaran a equivocar lo reemplazan con el guardado.

Para empezar, si quieren agregar una “seccion” de música, o de lo que ustedes quieran, creen otro blog como por ejemplo mi blog central es www.inside-jon.blogspot.com (vistenlo si tienen tiempo), y quise poner una seccion de música dentro de mi blog (el blog central), entonces cree otro blog más, al cual titule musicology-jon.blogspot.com, pero ustedes pueden hacer el que quieran de acuerdo a la seccion que quieran hacer.

Bueno después de haber echo el nuevo blog, que usarán como una especie de sección, diriganse al escritorio, clikeando en volver al escritorio, y tienen que ir a su blog central, al que le van a agregar las secciones, en mi caso INSIDE-JON.
Busco la solapa plantilla y justo arriba de la etiqueta </style> de su blog que esta al principio, copian y pegan este codigo:

  1. .hovermenu ul{
  2. font: bold 13px arial;
  3. padding-left: 0;
  4. margin-left: 0;
  5. height: 20px;
  6. }
  7. .hovermenu ul li{
  8. list-style: none;
  9. display: inline;
  10. }
  11. .hovermenu ul li a{
  12. padding: 2px 0.5em;
  13. text-decoration: none;
  14. float: left;
  15. color: black;
  16. background-color: #FFF2BF;
  17. border: 2px solid #FFF2BF;
  18. }
  19. .hovermenu ul li a:hover{
  20. background-color: #FFE271;
  21. border-style: outset;
  22. }

Bueno una ves pegado el codigo arriba de la etiqueta </style>, busquen la etiqueta <body> y debajo pegan este código: (NO COPIAR LO QUE ESTA ENTRE PARENTESIS SON SOLO ACLARACIONES MIAS)

  1. <div class="hovermenu">
  2. <ul>
  3. <li><a href="http://Y-LA-DIRECCION-DEL-BLOG-NUEVO">NOMBRE DE LA SECCION</a></li> <!--(para abrir una ventana dentro de la misma ventana) -->
  4. <li><a href="http://Y-LA-DIRECCION-DEL-BLOG-NUEVO" target="_blank">NOMBRE DE LA SECCION</a></li> <!-- (para una nueva ventana) -->
  5. </ul>
  6. </div>

Bueno el menú de secciones aparecera arriba del título, no se como se hace para ponerlo en otro lado, jejeje.
sugerencias:
Para que parezca que todo esta dentro de un mismo blog, copiar el templates del blog central y pegarlo en la plantilla del blog nuevo y cambien solamente el segundo codigo debajo de <body> por la direccion del blog central y el nombre que quieran ponerle a la seccion. Por ejemplo, HOME para “volver” al blog principal. (ATENCIÓN!!!, AL COPIAR EL FORMATO DEL BLOG CENTRAL AL BLOG QUE CREARON, LOS POST SIGUEN SIENDO LOS MISMOS, SOLO CAMBIAN LA ESTETICA Y LA ORGANIZACION DEL MISMO, PERO CUALQUIER MODIFICACIÓN SIEMPRE COPIAR ANTES EN UN ARCHIVO DE TEXTO LA PLANTILLA, PARA NO COMETER ERRORES QUE DESPUÉS NO PODREMOS ARREGLAR…)

Alan, disculpa que haya guardado(Patricia Ramirez) tu post como borrador primero, lo que pasa es que por alguna razon tu post, provocaba que la imagen del titulo se desplazara y quedara un trozo en blanco…
Pero ya descubri por que…es de lo mas raro bastaba con poner la etiqueta body como debe ser en el textarea, y todo colapsaba, por eso ahora la puse sin PLOPPPPP….EXIJO UNA EXPLICACION…JAJAJAJJA
Lo otro, cuando publiques codigos fijate bien en los parentesis son super importantes…Al codigo que tenias antes le faltaban varios parentesis, que por cierto dejan la mansa @#$@#%$ cuando cambias las plantillas…Asi que pon mas cuidado en eso…
Esta parte la agregue yo (Patricia Ramirez), para que vean cual es el resultado de esto: En realidad todo esto, no es mas que otra manera de agregar links a otro blog de uno mismo…la diferencia esta en que ahora se agregan botones como pueden ver en la imagen…
(En vez de pegar el segundo codigo debajo de body lo pegue debajo de <$BlogDescription$> a mi parecer se ve mas bonito… :), de la otra forma se desplaza la imagen y aparecen espacios en blanco…al menos en mi plantilla…

menu_blog.jpg

justo debajo de la imagen pueden ver que aparecen dos rectangulos en los que se linkea a las otras secciones..

Artículos Relacionados

  • Como Eliminar la Fecha de Los Post ?, Blogger Buscamos el siguiente código en Edición HTML de la Plantilla: Y agregamos la siguiente línea de código (visibility:hidden;) de tal manera que el resultado final sea este: [css] /* […]
  • Plantillas Navideñas, Classic-Blogger Éste dato es para los que gustan cambiar su plantilla según la época del año en que estemos, aquí les dejo unas lindas plantillas navideñas, solo hacen click en la imagen y llegarán a […]
  • Juegos para tu Blog o Página Web El sitio Addictinggames ofrece 129 juegos para que agreguen en su Blog, aquí dejo uno de ejemplo, lo único que deben hacer es cambiar el ancho y alto para que se ajuste a lo que […]
  • Agregar iconos gestuales al blog, en Blogger A mi parecer este truco es muy útil, ya que tendremos emoticons para escribir los post, y tambien cuando necesitemos dejar un comentario. Primero debes descargar Firefox si […]
  • Mas Plantillas para Blogger (Templates), Classic-Blogger Aqui dejo mas links de plantillas para blogger, asi pueden seguir personalizando sus blogs a gusto de cada uno. http://layoutsbrasil.blogger.com.br/ (en la columna de la izquierda […]
  • 3 Columnas en tu Plantilla, Blogger Primero hay que registrarse en Blogcrowds, para copiar el codigo de cada una de las planillas, que tienen en diferentes post. O si quieren descargan en forma directa de Megaupload las […]

Leave a Reply

Your email address will not be published. Required fields are marked *