Bueno, como veo que Quark también parece tener problemas, pues voy a intentar explicar cómo se configura el blog (ya digo que yo lo he conseguido a base de probar cosas, seguro que hay una manera mejor, pero esta es la que yo hice). Así de paso quizás pueda echar un cable al resto de bloggeros que están interesados en cambiar la imagen del blog.
Lo primero que hay que hacer es ir, en el menú principal, a la sección "blog". Allí podéis ver en el segundo menú de la izquierda ("Menu del blog") un apartado que pone "Editar tema". Este apartado sirve para lo que estamos buscando, o sea, cambiar el estilo del blog aumentando o reduciendo las medidas e insertando fotos y esas cosas.
Lo primero que recomiendo hacer es copiar todo el código (hasta abajo, ¿eh?) que aparece escrito en la caja de texto titulada "Tema personal (Tu página se vera así)". Entonces marcamos todo el código, lo copiamos y vamos, en el menú "Inicio" de nuestro ordenador (abajo de todo a la izquierda) al apartado Programas--->Accesorios--->"WordPad". Pegamos todo en el word pad y lo grabamos en el disco duro. De este modo, si metemos la gamba podremos recuperar el código inicial y volver al principio (esto os lo digo porque yo configuré mi blog hace tiempo y no sé si mis explicaciones serán exactas).
Una vez hecho esto volvemos a la sección "Editar Tema" de nuestro blog para configurarlo más o menos como nos apetezca. Tengo que decir que es mejor que cada vez que modifiquemos una línea intentemos ver cómo queda nuestro blog. Aunque esto ralentice nuestro trabajo sabremos si la estamos cagando o no y, además, si nos interesa aumentar o reducir ciertas medidas ya sabemos en qué línea de código tenemos que actuar.
Bajando en el código nos encontramos con lo siguiente (Donde hay [b:t16g49ef]???[/b:t16g49ef] significa que no sé lo que aparece en vuestro blog, es algo que yo cambié, igual se me pasa algo, así que idlo revisando. Los valores que yo he puesto están explicados después del código):
titolo {
position:absolute;
top:27px;
left:50px;
width:[b:t16g49ef]???[/b:t16g49ef]px;
border-bottom:1px solid #333333;
font:10px verdana, arial, helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
letter-spacing:.3em;
padding:1px;
}
Como veis, en width tenemos la primera interrogante. No sé qué valores tenéis vosotros, pero en vez de esos valores yo he puesto 810. Con respecto a las medidas "top" y "Left" (justo encima de width) revisad si son los mismos que los míos. Esta parte del código está relacionada con el título de nuestro blog, "top" es la posición más elevada del título, "left" marca la posición a la izquierda y "width" la anchura (creo que es así, si tengo fallos disculpad). Bajando un poco más encontramos esto:
#descrizione {
position:absolute;
top:47px;
left:50px;
width:[b:t16g49ef]???[/b:t16g49ef]x;
font:10px verdana, arial, helvetica, sans-serif;
font-weight:normal;
font-style:italic;
text-transform:lowercase;
letter-spacing:.1em;
padding:1px;
}
Esta parte del código se refiere a la descripción de nuestro blog, o sea, esas letras que van justo debajo del título. Como veis vuelvo a retocar el "width" y la medida que yo le he puesto ha sido 810 de nuevo. "Top" y "Left" me parece que no las he tocado. Seguimos:
#immagine {
position:absolute;
top:[b:t16g49ef]???[/b:t16g49ef]px;
left:[b:t16g49ef]???[/b:t16g49ef]px;
width:[b:t16g49ef]???[/b:t16g49ef]px;
height:[b:t16g49ef]???[/b:t16g49ef]px;
}
Esta parte nos configura la posición de la imagen de cabecera del blog. En mi caso tengo al Rey Simio, pero en caso de que no hayais cambiado la imagen tendréis un banquito o algo así. Luego os digo como poner una imagen que os cunda más (eso está más abajo en el código e intento ir por orden). En este apartado yo retoqué las cuatro medidas que hay, poniendo en "top" 27, en left "865", en "width" 100 y en height "50". De todos modos yo recomiendo primero elegir una foto y luego poner las medidas (más adelante os digo cómo poner la foto). Seguimos:
#blog {
position:absolute;
top:87px;
left:50px;
width:[b:t16g49ef]???[/b:t16g49ef]px;
}
Aquí tenemos las dimensiones del sitio donde vamos a escribir. Yo creo que solo toqué la dimensión width, donde puse 800, de todos modos también se pueden retocar las otras dos. Después de esto aparecen un par de trocitos de código referidos al pie de blog y todo eso, yo no los toqué, así que seguimos bajando hasta encontrarnos lo siguiente:
#menu {
position:absolute;
top:[b:t16g49ef]???[/b:t16g49ef]px;
left:[b:t16g49ef]???[/b:t16g49ef]px;
width:[b:t16g49ef]???[/b:t16g49ef]px;
background:#ffffff;
border-left:1px solid #999999;
font:10px verdana, arial, helvetica, sans-serif;
font-weight:normal;
color:#666666;
padding:2px;
margin-bottom:20px;
}
Esto configura ese menú que aparece en nuestro blog a la derecha, con esas cosas de "Signo del zodíaco" y chorradas varias. Yo he tocado las dimensiones top, left y width poniendo lo siguiente; top= 333, left =865, width = 150. Después de esto nos encontramos con un apartado que yo no toqué, "Testa menu", así que seguimos bajando (y mucho) hasta encontrarnos con esto:
<div id="immagine">
<!--immagine-->
<img src="
http://i20.photobucket.com/albums/b221/ ... ngkong.jpg">
</div>
En este trocito de código podemos cambiar la imagen del banquito por otra que nos mole más. Como veis yo no puse nada entre ??? porque prefiero que veáis cómo metí yo la imagen.Lo que realmente metemos aquí es la ruta de la imagen (ahora os explico cómo se hace). Dicha ruta va en ese apartado que veis que pone:
<img src="
http://i20.photobucket.com/albums/b221/ ... ngkong.jpg">
Todo lo que está entre <img scr="[i:t16g49ef]ponga aquí su ruta de imagen[/i:t16g49ef]"> es la ruta de la imagen. ¿Cómo conseguimos dicha ruta? Pues es lo mismo que poner una foto en un topic. Como bloggeros tenéis un apartado en el menú del blog que se llama "Tu Galería", donde puedes introducir las fotos que te apetezca. Metemos ahí la foto que queremos insertar en nuestro blog. Una vez insertada nos ponemos encima de ella y le damos a copiar ruta de imagen, luego nos vamos al código y lo pegamos en la parte que hay entre comillas, o sea:
<img scr="[b:t16g49ef][i:t16g49ef]Aquí[/i:t16g49ef][/b:t16g49ef]">
Y ya tenemos la foto insertada. Ahora lo que debemos hacer es volver atrás en el código hasta llegar a aquel sitio en que os había explicado cómo se ponen las medidas de la foto. Lo expliqué un poco más arriba pero lo pego aquí para que estéis seguros:
#immagine {
position:absolute;
top:[b:t16g49ef]???[/b:t16g49ef]px;
left:[b:t16g49ef]???[/b:t16g49ef]px;
width:[b:t16g49ef]???[/b:t16g49ef]px;
height:[b:t16g49ef]???[/b:t16g49ef]px;
}
Y váis probando con las medidas que mejor se ajusten a la imagen que habéis elegido.
Abajo de todo en el código podemos retocar el menú que tenemos a la derecha. Aparece esto:
<div class="testamenu">[b:t16g49ef]About me...[/b:t16g49ef]</div>
[b:t16g49ef]Age: [/b:t16g49ef]<b>!UtenteEta!</b> <br>
[b:t16g49ef]Location:[/b:t16g49ef] <b>!UtenteCitta!</b> <br> Zodiac Sign: <b>!UtenteSegno!</b>
<br>
<div class="testamenu">[b:t16g49ef]Likes...[/b:t16g49ef]</div>
!UtenteAmo!
<br>
<div class="testamenu">[b:t16g49ef]Dislikes...[/b:t16g49ef]</div>
!UtenteOdio!
<br>
<div class="testamenu">[b:t16g49ef]Favourite Links...[/b:t16g49ef]</div>
!UtenteLink!
<br>
<div class="testamenu">[b:t16g49ef]Currently Reading...[/b:t16g49ef]</div>
!UtenteLibri!
<br>
<div class="testamenu">[b:t16g49ef]Latest Movie...[/b:t16g49ef]</div>
!UtenteFilm!
<br>
<div class="testamenu">[b:t16g49ef]Currently Listening to...[/b:t16g49ef]</div>
!UtenteCanzoni!
<br>
<div class="testamenu">Quote...</div>
<i>!UtenteCitazione!</i>
Yo aun no lo he retocado, pero quizás lo haga pronto. Podéis cambiar o traducir esos títulos que aparecen en dicho menú. Lo único que tenéis que hacer es modificar lo que he puesto en negrita por algo que os mole más o traducirlo.
Y ya está. Yo os puse las medidas que utilicé yo, pero podéis insertar otras diferentes y configurarlo a vuestro gusto. Lo que hay que hacer es ir probando aquí y allá y cada vez que consigáis avanzar mucho copiar todo el código y guardarlo en el disco duro, así no tendréis miedo a la hora de seguir probando cosas. También podéis modificar el tamaño de la letra y el estilo, aunque es un poquito más jodido. Yo eso preferí no tocarlo.
Espero no haber metido mucho la gamba y haberme hecho entender. Si hay dudas estoy aquí, que por desgracia tengo mucho tiempo libre.
Un saludo.