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

Leave a Reply

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