Un diseño basado en la web original, los colores son totalmente diferentes, creado desde cero, adaptando los post, para que muestren la hora, etiqueta y el titulo y todo ello sin tener que mostrar el resto del post. No utiliza JavaScripts, solo una condicional de blogger y un stylo css.
El único JavaScripts, utilizado en esta plantilla, es la hora actual.
Instrucciones para publicar un post
La forma de publicar un post, es añadiendo un titulo y la etiqueta elegida y el resto de la entrada lo que vallamos añadir, texto, imagen, vídeo y etc.El menú de la plantilla, se edita entrando en, Páginas y desde hay puedes editar los enlaces y añadir nuevos enlaces.
Para cambiar el texto del buscador
Para cambiar el texto del buscador, entra en plantilla, Edición de HTML y continuar y buscar esto de abajo,<form action='/search' id='searchroja' method='get' style='display:inline;'>
<input id='search-barra' name='q' onblur='if (this.value == "") {this.value = "Template Gratis...";}' onfocus='if (this.value == "Template Gratis...") {this.value = "";}' type='text' value='Template Gratis...'/>
<input id='search-boton' type='submit' value=''/>
</form>
y ha-ora lo cambiamos por el texto que queramos, ejemplo:
<form action='/search' id='searchroja' method='get' style='display:inline;'>
<input id='search-barra' name='q' onblur='if (this.value == "") {this.value = "Buscar...";}' onfocus='if (this.value == "Buscar...") {this.value = "";}' type='text' value='Buscar...'/>
<input id='search-boton' type='submit' value=''/>
</form>
Cambiar el logo
Cambiar el logo, una ves descargado la plantilla, hay una carpeta que pone imagen, entra en la carpeta y edita la imagen, con algún programa de diseño y añades el texto de tu blog, la imagen esta en formato gif.Una ves tenga la imagen lista y subida a blogger, entra en plantilla, Edición de HTML y continuar, busca lo siguiente y lo cambias, lo de color rojo que es la url de la imagen.
#header-wrapper {
background:#ba0606 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXfovWV-LTd_133hXQ1m1OfxcABmxmFqMhOKjILPmQNQbI3JP7zrDei7H_n9pYPZ5u8fmP5E57BABY_s3H1XQIM0TRq6kwFqp0X8UcFtPrXZlUbJhFI6s5a9nMiQ5bPWn_d68_5C3_JHQ/s0/logo-rojodirecta-v1-template.png) no-repeat;
margin:0 auto;
height:100px;
}
