Agregar una caja de texto

Muchas veces necesitamos poner cajas de texto para facilitar la lectura de codigos en una entrada, para agregar una caja de texto simplemente deben ir a la parte de Edicion de HTML en la creacion de entradas y colocar el siguiente codigo:

<div align="center">
<div style="background-color: white; border-color: black; border-style: solid; color: black; height: 300px; overflow: scroll; width: 600px;">
<span style="color: black; font-family: tahoma; font-size: 85%;"><b></b></span>
<div align="center">
<span style="color: black; font-family: tahoma; font-size: 85%;"><b>TEXTO</b></span>
</div>
<span style="color: black; font-family: tahoma; font-size: 85%;"></span>
</div>
</div>
<b></b>

Los numeros en rojo pueden cambiar la altura y el ancho de la caja; despues de colocar el codigo en la parte de Edicion HTML regresan a la seccion de Redactar (en Blogger), alli les saldra la caja y en la parte de TEXTO lo reemplazan con el texto o codigo deseado.

Leer mas »

Etiquetas: Diseño,HTML

Agregar un Gadget solo en la pagina principal

Esto es una forma muy facil de que un gadget que colocamos en un blog se presente solo en la pagina principal, para realizar eso debemos seguir los siguientes pasos:

1.Añadimos el gadget que queremos que aparezca solo en la pagina principal, y le ponemos un nombre como por ejemplo:Publicidad

2.Vamos a la opcion Diseño - Edicion HTML y expandimos plantillas de artilugios.

 3.Presionamos Control + F para abrir la barra de busqueda y ponemos el titulo del gadget creado en este caso Publicidad, alli encontraremos el codigo asi:

<b:widget id='HTML5' locked='false' title='Publicidad' type='HTML'>
<b:includable id='main'>

   <!-- only display title if it's non-empty -->
   <b:if cond='data:title != &quot;&quot;'>
     <h2 class='title'><data:title/></h2>
   </b:if>
   <div class='widget-content'>
     <data:content/>
   </div>

  <b:include name='quickedit'/>

</b:includable>
</b:widget>

4.Ahora a esa seccion debemos de agregarle los siguientes codigos:

<b:widget id='HTML5' locked='false' title='Publicidad' type='HTML'>
<b:includable id='main'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

    <!-- only display title if it's non-empty -->
   <b:if cond='data:title != &quot;&quot;'>
     <h2 class='title'><data:title/></h2>
   </b:if>
   <div class='widget-content'>
     <data:content/>
   </div>

  <b:include name='quickedit'/>

</b:includable>
</b:if>
</b:widget>

5.Por ultimo guardamos los cambios realizados y ahora el gadget solo saldra en la pagina principal de su blog.

Leer mas »

Etiquetas: Diseño,HTML