Tutorial para poder cambiar el Diseo de tu Plantilla Html de Blogspot sin saber NADA DE NADA DE PROGRAMACIN DE NINGN TIPO

VAMOS ALL, VERS QU FCIL ES!

Si te vas a diseo y ah dentro a la pestaa de Edicin de HTML podrs subir cualquier plantilla que te bajes de internet de pginas como http://btemplates.com/

Una vez te hayas bajado una plantilla y la hayas descomprimido te aparecern varios archivos. De todos nos interesa el XML y daremos a Seleccionar Archivo, buscaremos dnde tenemos guardado ese XML lo seleccionamos y le damos a Abrir. Una vez le hemos dado a Abrir, le daremos a SUBIR.

Aqu vemos cmo seleccionamos slo el XML

DAMOS A SUBIR

Como Es la primera vez que vamos a modificar nuestra plantilla, anteriormente no la hemos guardado pero OJO, si alguna vez decids modificar vuestra plantilla que ya estaba a vuestro gusto, HACER UNA COPIA !

Cmo hacer una copia? Ah arriba veis que pone DESCARGAR PLANTILLA COMPLETA, la guardis en un lugar de vuestro pc que queris y listo! Como podis ver en esta imagen, una vez que habis subido la plantilla os dice que hay Widgets (artilugios que luego podemos aadir) que estn en peligro de ser eliminados. LOS PODIS QUITAR TRANQUILAMENTE

Le

dais

guardar

listo!!

Ahora tenemos un Blog con el diseo que viene de casa y lo que queremos es personalizarlo porque, especialmente a mi, no me gusta que pongan muchas cosas en ingls o enlaces a lugares que no me interesan Por lo que vamos a por ello!! Antes hemos visto dnde hemos subido el archivo que haba un cdigo RARO. Ese es el HTML que vamos a modificar y TRANQUILOS, no hace falta tener grandes conocimientos ms que de corta y pega Google y tutoriales como este os ayudarn mucho Le dais a expandir plantilla (obligatorio!!) y os ponis dentro, seleccionndolo todo y copindolo.

Aqu lo hemos seleccionado con la tecla CONTROL + A y copiado con CONTROL + C

Abrimos un Blog de Notas desde Inicio y pegamos con CONTROL + V FCIL NO? XD

Ahora vamos a ir visualizando el blog y dando CAZA a aquellas cosas que no nos gustan o queremos cambiar

En primer lugar veo debajo del pajarito un texto que no me hace mucha gracia, como buscando dentro de lo que he copiado en el Blog de Notas no me aparece el texto, he de ir un poco ms all, pero os va a servir para aprender algo ms

Nos ponemos encima de lo que queremos saber QU ES y damos con el botn derecho del ratn, de esa lista seleccionamos inspeccionar elemento

Entonces se nos dividir la ventana y nos aparecer un cdigo RARO como el del Blog de Notas. Como resulta que Google sabe que NO TENEMOS NI IDEA pues una vez vayamos pasando el ratn por encima de dicho texto nos va diciendo a qu parte de nuestra Web Pertenece. Esto nos servir ms adelante para coger prestado de otras webs, cdigos html que de otra manera no encontraremos

Una vez que sabemos qu buscamos nos vamos a nuestro Blog de Notas y lo buscamos con CONTROL + B

Lo que haremos a continuacin es un ERROR-ACIERTO es decir, si no tenemos NI IDEA de lo que estamos buscando, lo mejor que podemos hacer es borrar y copiar en el Blog de Notas y en la Plantilla Expandida de la Web, Seleccionamos todo y Pegamos Encima (de este modo se nos sustituye un cdigo html por el otro) Antes de guardar nada, daremos a Vista Previa para ver si ha desaparecido o cambiado aquello que deseamos y si as ha ocurrido URRA!! LO HAS CONSEGUIDO, HAS CONSEGUIDO CAMBIAR DE UN HTML AQUELLO QUE NO TE GUSTABA! XDD Palos de ciego no se dan muchos porque ya Google con la inspeccin de Elemento nos dice ms o menos qu buscamos.

Como no era lo que buscbamos, debemos dar a BORRAR CAMBIOS y empezamos de nuevo. VAYAMOS A Inspeccionar Elemento de Google

Vamos a fijarnos en el cuadradito de la derecha. Veis? Justo dnde aparece el texto que queremos eliminar poner INNERT que es lo que vamos a buscar nosotros ahora en la plantilla HMTL que tenemos en el Blog de Notas

Una vez que lo hemos encontrado, LO QUITAMOS DE LA PLANTILLA...Seleccionamos la Plantilla del Blog de Notas y la CopiamosVamos al HTML EXPANDIDO de la Web, Seleccionamos (CONTROL + A doy yo) y pegamos (CONTROL + V) ahora tenemos en la Web la plantilla modificada. Veamos dando a Vista Previa antes de Guardar, si ha funcionado.

Aqu veis cmo coincide

OHHHHHHHHHHHHH S! XD HA FUNCIONADO!! JEJEJEJE Entonces Guardamos los cambios

Ahora vamos a buscar ms cosas que cambiarpor ejemplo, no quiero que salga la fecha o texto ese en la manzana

Buscamos Date en el Blog de Notas y elminamos todo el SCRIPT (como se llama el elemento)

Copiamos del Blog de Notas y vamos a la Web del Blog dnde pegamos en Html Expandido comprobando que DESAPARECE!! Entonces le damos a guardar! XD

Ahora Vamos a cambiar lo de Search here por Bucar en este Blog Como esto tenemos claro que es un texto dentro de un elemento, pues vamos a buscar directamente eso que pone. Cuando lo encontremos y siempre que busquemos, debemos darnos cuenta si lo pone en ms de un lugar y cambiarlos en todos. As nos aseguramos de que est dnde est, pondr lo que queramos

Lo cambiamos , copiamos del Blog de Notas, nos vamos al HTML EXPANDIDO, seleccionamos todo y pegamos encima (as se cambia un texto por otro)

Y GUARDAMOS!! A CADA CAMBIO, GUARDAMOS!!

Ahora buscaremos BLOG ARCHIVE y lo cambiaremos por el texto que queramos

Yo voy a poner ENTRADAS DEL BLOG

Veis? FUNCIONA!! Ahora slo tienes que guardar la plantilla y cada vez que quieras cambiar algo, pues ya sabes!!

ES FCIL NO?

Este tuto ha sido creado por Tyrada Garca de http//:e-almoradi.blogspot.com para los empresarios, universitarios y particulares que deseen crear su blog e ir personalizndolo!

Me puedes enviar un mail si tienes dudas o si deseas sabes ms sobre blogs y cmo hacer contenido interesante a travs detyradagarcia@hotmail.com