Category Archives: Plantillas

Como Agregar un Menu de Opciones

Esto es aplicable para cualquier Plataforma de Blogs
Como pueden ver en la Sidebar de este blog, es una buena Manera de Implementar algún un menú …

Es extremadamente facil
Para hacerlo primero tienen que ir a la pagina que te va a ayudar a generarlo, y ni siquiera es necesario inscribirse como en las otras…..
JAVASCRIPT INTERNET
Lo que obtendrás como resultado de esto, es un menu como el que se ve al final de una de las sidebar (barra lateral).

Aparecerá la siguiente Imagen:

menu_opciones_1.jpg

Si miras en la parte de arriba de la imagen, te darás cuenta que te permiten 3 opciones:

1.- Activar el link en forma inmediata al seleccionar la opcion del menu(o sea, de la misma manera que esta implementado en esta página)
2.- Agregar un boton que dice Go, osea tu seleccionas la parte a la que quieres ir del menu, luego pinchas sobre Go, y recien ahi se va a la página.
3.- Es exactamente la misma opcion que la de arriba, la diferencia es que aqui tu subes la direccion http:// de algun boton bonito, que tu prefieras en vez del Go..
En mi caso active el link de las opciones de inmediato sin boton, o sea la opcion 1..

Y luego Tal como muestra la imagen pinchas sobre Generate para que te entregue el codigo, que aparece en la otra parte, de la siguiente manera:

menu_opciones_2.jpg

Luego seleccionas este código y lo copias en tu plantilla, si tienes dudas revisa este post: Donde Debo Pegar el Código de Algún Accesorio en mi Plantilla (Template)

Continue reading Como Agregar un Menu de Opciones

Soy Blogger desde hace mucho tiempo. Inicialmente este blog se creó para entregar tutoriales paso a paso a las personas que estuvieran ingresando al mundo online. Muchos de mis tutoriales no requieren de conocimiento previo ni habilidades, la idea siempre fue tender una mano a los que usualmente no entienden nada. Como pueden ver estuvo bastante abandonado por varios años pero ahora lo retomaré con otro énfasis, explicación de herramientas mas complejas, y en la medida de lo posible se irán renovando los post que con el tiempo han quedado obsoletos.

Cambia el About Me del Perfil, Classic-Blogger

Para cambiar el About Me, por lo que tu quieras debes seguir los siguientes pasos:

Paso 1:
Primero deben buscar la etiqueta <$BlogMemberProfile$>
, esta bajo la descripcion <!-- Begin sidebar -->, que aparece en la mayoria de las plantillas. (Si tienes dudas revisa: Como encuentro una etiqueta en la plantilla)

Esta etiqueta contiene toda la informacion que rellenaste en la parte del perfil.
La informacion que se despliega del perfil, es la que usualmente ves en los blogs personales (Nombre, Ubicacion, la foto que subiste, y un link que lleva al visitante a ver tu perfil completo)
Entonces, sobre esta etiqueta, escribe el siguiente codigo
Copiar y Pegar:

  1. <h2 class="sidebar-title">INSCRIBETE, SI QUIERES AYUDAR EN ESTE BLOG</h2>

Obviamente lo que esta escrito es lo que yo puse en este blog, ustedes pueden cambiar esas palabras por lo que quieran, tengan cuidado en no pasar a borrar algo!!
Entonces se verá algo así, como resultado del Paso 1:

  1. <h2 class="sidebar-title">INSCRIBETE, SI QUIERES AYUDAR EN ESTE BLOG</h2>

, el codigo que se agrego debe ir antes de la etiqueta, no despues!!!…esto es importante…

Paso 2:
Luego agrega este código bajo la etiqueta <style type=”text/css”>, que esta ubicada en las primeras lineas de la plantilla.
Este es el código que debes Copiar y Pegar debajo de la etiqueta que mencioné:

  1. #profile-container h2.sidebar-title {display:none;}

De esta manera se evita que se despliegue el titulo por defecto, o sea el About Me..
Y eso es todo…luego guardan los cambios (boton naranjo) y republican su blog(boton azul).

Entonces se verá algo así, como resultado del Paso 2:

  1. #profile-container h2.sidebar-title {display:none;}

, repito: en este caso, el codigo que se agrego debe ir despues de la etiqueta, no antes!!!…esto es importante…

Voy a revisar las plantillas para ver si alguna difiere demasiado!!!

Soy Blogger desde hace mucho tiempo. Inicialmente este blog se creó para entregar tutoriales paso a paso a las personas que estuvieran ingresando al mundo online. Muchos de mis tutoriales no requieren de conocimiento previo ni habilidades, la idea siempre fue tender una mano a los que usualmente no entienden nada. Como pueden ver estuvo bastante abandonado por varios años pero ahora lo retomaré con otro énfasis, explicación de herramientas mas complejas, y en la medida de lo posible se irán renovando los post que con el tiempo han quedado obsoletos.

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..