Category Archives: Classic Blogger

Quieres agregar un neko????

Adornos y Accesorios, Bitacoras, Classic Blogger, Mascotas, Plataformas, Wordpress

Esto es aplicable a cualquier Plataforma de Blogs.

mini_mascota_1.gif

Es muy facil, solo debes ir a esta pagina “WEBNEKO“, pincha sobre el neko que te gusta, y copiar el código del recuadro bajo la etiqueta <body> de tu plantilla..Si tienes dudas revisa: Donde Debo Pegar el Código de Algún Accesorio en mi Plantilla (Template)
Y tendras un Lindo gatito jugueteando en tu blog!!!!

Para WordPress:
La etiqueta body generalmente esta en el archivo header.php!!

patriram
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

Classic Blogger, Personaliza Código, Plantillas, Plataformas

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:

< View plain text >
HTML

  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:

< View plain text >
HTML

  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é:

< View plain text >
HTML

  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:

< View plain text >
css

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

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

IMAGEN TITULO MINIMA BLACK, Classic-Blogger

Classic Blogger, Otros Accesorios, Personaliza Código, Plataformas, Título

Aporte de Jorge Gomez de Mexico
Hola a todos, esta es mi primera participación en este blog, es acerca de como poner una imagen en el titulo del blog, aunque ya ha habido 2 post anteriores a este refiriéndose a como hacerlo e visto que aun hay muchos a los que no les ha resultado, espero que la información que les dejo les sea de utilidad, trate de modificar en mas mínimo el código original.

1.- lo primero que habrá de hacer es subir la imagen a blog, has como si fueras a subir una imagen cualquiera, agrega una entrada agrega la imagen, solo que deberás de seleccionar la opción Grande, cárgala y checate el código HTML busca la parte donde dice “http://photos…….. .Jpg” esta dirección cópiala y pégala en un documento de texto y déjala pendiente, ahora cámbiate a Plantilla, no publiques la entrada, esto era solo para subir la imagen.

2.-una vez que estés en Plantilla vas a buscar:

< View plain text >
css

  1. /* Header
  2. ----------------------------------------------- */
  3. @media all {
  4. #header {
  5. width:660px;
  6. margin:0 auto 10px;
  7. border:1px solid #333;
  8. }
  9. }

aquí haremos las primeras modificaciones
después de: #header { deberás de escribir Background: url(“aquí vas a poner la dirección que tenias reservada en el documento de texto, la que te dio después de subir la imagen a blog”).
después de la dirección deberás de poner el código no-repeat left top; para que tu imagen no se repita;
Width: el cual te aparece con 660px, yo lo cambie por 990 por que mi imagen abarca casi todo el ancho de la pagina
Margin: se deja como esta
Border: borras los valores y escribe none
de tal manera que te quede así:

< View plain text >
css

  1. @media all {
  2. #header {
  3. background: url("http://photos1.blogger.com/blogger/4423/3254/1600/Iacosworldbueno.jpg")
  4. no-repeat left top;
  5. width:990px;
  6. margin:0 auto 10px;
  7. border:none
  8. }

3.- lo siguiente en la plantilla a modificar :
código original:

< View plain text >
css

  1. #blog-title {
  2. margin:5px 5px 0;
  3. padding:20px 20px .25em;
  4. border:1px solid #222;
  5. border-width:1px 1px 0;
  6. font-size:200%;
  7. line-height:1.2em;
  8. color:#ccc;
  9. text-transform:uppercase;
  10. letter-spacing:.2em;
  11. }

Modificar: Padding:20px 20px 20px 20px; esto es para que nos quede centrada
border:none para eliminar el borde
font-size: 0% para eliminar las letras del titulo de tal manera que quede así:

< View plain text >
css

  1. #blog-title {
  2. margin:5px 5px 0;
  3. padding:20px 20px 20px 20px;
  4. border:none
  5. border-width:1px 1px 0;
  6. font-size:0%;
  7. line-height:1.2em;
  8. color:#ccc;
  9. text-transform:uppercase;
  10. letter-spacing:.2em;
  11. }

4.- la ultima parte a modificar es:

< View plain text >
css

  1. #description {
  2. margin:0 5px 5px;
  3. padding:0 20px 20px;
  4. border:1px solid #222;
  5. border-width:0 1px 1px;
  6. font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  7. text-transform:uppercase;
  8. letter-spacing:.2em;
  9. color:#777;
  10. }

aqui cambiar
Padding: por 0 0 90 (en vez de noventa puede ser más con esto ajustamos el alto de la imagen)
Border: none
font: 0% para que nos quede así

< View plain text >
css

  1. #description {
  2. margin:0 5px 5px;
  3. padding:0 0 90px;
  4. border:none
  5. border-width:0 1px 1px;
  6. font:0% "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  7. text-transform:uppercase;
  8. letter-spacing:.2em;
  9. color:#777;
  10. }

y eso seria todo lo que debemos de hacer para cambiar el header del blog original por una imagen , solo me resta decirte que la imagen que subas si la quieres del ancho de la pagina (aprox) deberá de medir 992 * 172 píxeles, checa que el ancho de la imagen esta directamente relacionado con el Width de #header para que con tu imagen hagas los ajustes necesarios.

Espero haberles ayudado ,Suerte.

seba