Category Archives: Classic Blogger

Agregar iconos gestuales al blog, en Classic Blogger

Esta imagen nos proporciona los códigos que necesitas para añadir emoticonos al blog:

blogger_emoticons_1.png

, es decir mientras escribes una entrada y añades cierta combinación de texto, al publicarlo será sustituido por un icono gestual. Por ejemplo al escribir “;)” se cambiará por un icono con un guiño de ojo: 😉 . En la misma página viene una imagen con las combinaciones de letras y los iconos.

Para que se puedan ver los iconos en los comentarios deben tener una plantilla que muestre los comentarios con el mismo diseño de la plantilla principal, por ejemplo, las plantillas de esta página funcionan.

Para agregar estos emoticons y todos los que encuentren en forma explicita para sus plantillas revisen este post: Como poner emoticons en tu Blog ?

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.

Cambiando Links en la Sidebar Parte II, Classic-Blogger

Como habiamos dicho en la entrada Cambiando los LINKS parte 1, el codigo que esta aca abajo es el que se agrega en la plantilla de cada uno…Si tienes dudas revisa: Donde Debo Pegar el Código de Algún Accesorio en mi Plantilla (Template)

  1. <h2 class="sidebar-title">Blogs Interesantes</h2>
  2. <ul>
  3. <li><a href="http://www.suspaginas.com">El nombre que quieren que se vea</a></li>
  4. <li><a href="http://www.suspaginas.com">El nombre que quieren que se vea</a></li>
  5. <li><a href="http://www.suspaginas.com">El nombre que quieren que se vea</a></li>
  6. <li><a href="http://www.suspaginas.com">El nombre que quieren que se vea</a></li>
  7. <li><a href="http://www.suspaginas.com">El nombre que quieren que se vea</a></li>
  8. </ul>

De a poco iré agregando todas las plantillas descargables que ofrece blogger con los cambios ya realizados (3 secciones de links, cada una aparece con un color distinto…si quieren quitar una simplemente eliminan todo el codigo que aparece con el mismo color) para que lleguen y copien el codigo en sus plantillas en la misma parte que se ve en la plantilla que van a descargar…
Primero dejo esta, ya que una amiga al parecer estaba bien complicada porque habia cambiado la plantilla de su blog…

Plantilla Dots Dark

DESCARGA AQUI: Plantilla Dots Dark

Como ven en la imagen se ven las secciones creadas en la sidebar…

dots_Dark_Links_Sidebar.jpg

DESCARGA AQUI: Plantilla Minima Black

Como ven en la imagen se ven las 3 secciones creadas en la sidebar…

Minima_Black_Links_Sidebar.jpg

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