AjMrDeSiGn

Templates Blogger, exquisitez para usuarios curiosos.

Template rojodirecta "Gratis"

29 ene 2012

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.

Template rojodirecta Gratis


Template rojodirecta
Contenido Bloqueado.
Para desbloquear el contenido, presiona en el siguiente botón.



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 == &quot;&quot;) {this.value = &quot;Template Gratis...&quot;;}' onfocus='if (this.value == &quot;Template Gratis...&quot;) {this.value = &quot;&quot;;}' 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 == &quot;&quot;) {this.value = &quot;Buscar...&quot;;}' onfocus='if (this.value == &quot;Buscar...&quot;) {this.value = &quot;&quot;;}' 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(http://4.bp.blogspot.com/-r9MjQQI7K40/TyQVOzziDfI/AAAAAAAACb4/D16TDIL5SjE/s00/logo-rojodirecta-v1-template.png) no-repeat;
margin:0 auto;
height:100px;
}

9 comentarios:

  1. Si tienes problemas a la hora de instalar la plantilla, pedir toda la ayuda en los comentarios y utilizar el formulario de contacto, para un tipo de consulta en concreta, que no tenga que ver con los diseños gratis.

    ResponderEliminar
  2. Como o donde puedo cambiar el tamaño del contenedor hacerle mas grande a 600px de largo, a la ves agrande un poco el diseño y desaparecio los botones de red pero solo en el mozilla en los otros navegadores si se ven espero puedas orientarme, gracias

    ResponderEliminar
    Respuestas
    1. Si te refieres agrandar el contenedor donde están los botones sociales.

      Ejemplo.

      #post-redes {
      background:#bfbfbf;
      float: left;
      width: 600px;
      padding:8px 0px 0px 100px;
      border-bottom: 1px solid #8f8d8d;
      }

      Eliminar
  3. Como puedo agregar una nueva sidebar a la plantilla al lado izquierdo..Gracias.

    ResponderEliminar
    Respuestas
    1. Si sabes como hacerlo, si no tienes mucha idea sera un lió, son muchas modificaciones las hay que hacerle al diseño, añadir css, hay que agrandar los contenedores, añadir otro contenedor y aplicar el código de blogger que añade la sidebar.

      <div id='sidebar-left-wrapper'>
      <b:section class='sidebar-left' id='sidebar-left' preferred='yes'>
      </b:section>
      </div>

      Tengo trabajo que hacer, el fin de semana si no las terminado le mando la plantilla con 3 columnas.

      Un saludo.

      Eliminar
    2. No le publicado el comentario por el email, le dejo el enlace para que puedas descargar la plantilla.

      Descargar plantilla rojodirectav2

      Un saludo.

      Eliminar
    3. Mil Gracias por la Plantilla :) !

      Eliminar
  4. hola mira como hago para poner cosa en la tv

    ResponderEliminar
    Respuestas
    1. No lo entendí bien lo que me quieres decir, si lo explicaras mejor, le podre ayudar.

      Eliminar

Normas comentarios › Leer antes de comentar...

« »

Suscríbete a nuestro feed...