31 mayo 2009

Como hacer descargas directas

Vamos a hacer un intento para esto y no morir en el intento: como primer paso debemos tener alojado el archivo en un hosting gratuíto o no, para poder obtener una URL del mismo.Luego que escribamos el artículo que tiene conexión con la descarga colocamos, como pueden observar mas abajo, la palabra DESCARGA, despues de esto nos vamos, en el mismo editor a la parte donde, pulsando o haciendo click, nos llevara a un recuadro donde debemos colocar la URL del archivo y pegarla. La palabra descarga tomará una coloración que nos indicara que el enlace está hecho. Luego hacemos click sobre DESCARGA lo que nos debe llevar, automáticamente, al sitio desde donde vamos a realizar la descarga. Algunas imágenes como didáctica:


















Descarga

Botones para enlazar Gimp

Gráficos de GIMP

Código

<a href="http://www.gimp.org/"> <img alt = "Gráficos de GIMP"

src="http://www.gimp.org/images/gfx_by_gimp.png" border="0" src = "http://www.gimp.org/images/gfx_by_gimp.png" border = "0"

width="90" height="36" /></a>











GIMP - Libre


Código



<a href="http://www.gimp.org/"> <img alt = "GIMP - Libre"

src="http://www.gimp.org/images/gimp_free_button.png" border="0" src = "http://www.gimp.org/images/gimp_free_button.png" border = "0"

width="88" height="31" /></a>


"

"





Bookmarkz

30 mayo 2009

Imagen Traductor de Gmail

28 mayo 2009

Eliminar el Subrayado de los link

Para lograr esto es muy sencillo, sólo tenemos que colocar el siguiente código en cualquier parte de la plantilla. Para poder ubicarlo con facilidad yo prefiero colocarlo sobre la etiqueta </head> .
Este es el código:



<style>

<!--

a:hover{text-decoration:none;}

a{text-decoration:none;}

-->

</style>








26 mayo 2009

Codigo Textarea

Es un código bastante sencillo y es el siguiente:






Row "5" = Número de líneas que vayas a escribir (Ancho).

Cols "50" = Número de columnas que tendrá la caja de texto (Altura).

Eres como escribes










25 mayo 2009

Caja de texto con imagen

Este truco fué visto en elbalcon. A continuación como implementarlo:



<form>

<textarea cols="48" rows="3" style="background-image: url(URL DE TU IMAGEN DE FONDO); color: rgb(255, 255, 255); font-weight: bold; font-size: 12pt;">AQUI VA TU TEXTO O CÓDIGO</textarea>

</form>



La parte que aparece en rojo debes sustituírla por la URL de la imágen que vas a colocar de fondo. La parte en azul corresponde, como te lo indica, al texto o código. A continuación ejemplos:



Quitar marco en imagenes.

Accedemos a nuestra plantilla, expandimos artilugios y ubicamos éste código:



.post img {

padding:4px;

border:1px solid $bordercolor;

}


Luego cambiamos ' 1px ' por ' 0px '







Logotipos CCleaner


<a href="http://www.ccleaner.com/"><img src="http://static.piriform.com/cc/link3.gif" border=0 alt="CCleaner - Freeware Windows Optimization"></a>




<a href="http://www.ccleaner.com/"><img src="http://static.piriform.com/cc/icon48.gif" border=0 alt="CCleaner - Freeware Windows Optimization"></a>




<a href="http://www.ccleaner.com/"><img src="http://static.piriform.com/cc/link1.gif" border=0 alt="CCleaner - Freeware Windows Optimization"></a>




<a href="http://www.ccleaner.com/"><img src="https://dl.getdropbox.com/u/833381/CCleaner4.png" border=0 alt="CCleaner - Freeware Windows Optimization"></a>

04 mayo 2009

03 mayo 2009

"

"





Bookmarkz

"

TODA UNA VIDA

02 mayo 2009

+A





- A

Letra A

+ A



- A

Como colocar un cuadro con las esquinas redondeadas en la sidebar

Para ello debes ir a la parte de elementos de página, luego a agregar gadgets y en agregar Html/Javascript colocamos el siguiente código:


<table border="0" cellspacing="0" cellpadding="0" width="200">

<tr>

<td bgcolor="#FFCC00" width="19"><img src="circ1.gif" width="19" height="18"></td>

<td bgcolor="#FFCC00"></td>

<td bgcolor="#FFCC00" width="19"><img src="circ2.gif" width="19" height="18"></td>

</tr>

<tr>

<td bgcolor="#FFCC00" width="19"></td>

<td bgcolor="#FFCC00"><u><strong><font face="Verdana" size="2">Ejemplo</font></strong></u><p><font

face="Verdana" size="2">En este espacio es donde tienes que poner el contenido del cuadro.</font></td>

<td bgcolor="#FFCC00" width="19"></td>

</tr>

<tr>

<td bgcolor="#FFCC00" width="19"><img src="circ3.gif" width="19" height="18"></td>

<td bgcolor="#FFCC00"></td>

<td bgcolor="#FFCC00" width="19"><img src="circ4.gif" width="19" height="18"></td>

</tr>

</table>



Este es el efecto:




















Ejemplo

No dejes de visitar ésta página. Siempre encontrarás utilidades y recursos para tu blog.



01 mayo 2009

Pruebas

Pruebas con <h1>Prueba uno</h1> ( CABECERAS )



Solo una prueba



Prueba dos



Prueba tres



Prueba cuatro



Prueba cinco


Prueba siete

Prueba diez

Prueba veinte

Etiquetas HTML basicas

A continuación algunas etiquetas HTML básicas de uso constante:



<b> Texto en Negritas </b>



<i> Texto en Cursiva </i>



<u> Texto Subrayado </u>



<h1> Cabeceras </h1>



<h2> Cabeceras </h2>



<h3> Cabeceras </h3>



<font color="#"> Texto en Color</font>



<font face="#"> Tipo de Fuente </font>



<font size="#"> Tamaño de la Fuente </font>



<big> Fuente Grande </big>



<small> Fuente Pequeña </small>



<hr> Línea Horizontal




La parte donde aparece el símbolo #, debe cambiarse por el valor correspondiente: texto en color por el nombre del color en inglés o por el código RGB o Hexadecimal , y en la parte correspondiente a fuente tenemos Arial , Courier, o la que mas nos agrade.









Cambiar el tamaño de la fuente utilizando HTML

Vamos directamente a ver como se hace, para ello utilizaremos el siguiente código:


<font size="#">AQUI EL TEXTO, FRASE O LETRA A AUMENTAR</font>

el símbolo que está ENCOMILLADO , lo cambiamos por un valor numérico ( 1 al 7 ), debiendo saber que el número 1 es el menor valor y el 7 el mayor valor que le vamos a dar al texto, frase o letra. Algunos ejemplos:

Este es el ejemplo

Este es el ejemplo

Este es el ejemplo



Tambien podemos utilizar la etiqueta <big> para tal efecto como se evidencia en el siguiente ejemplo:

Este es el ejemplo

Este es el ejemplo

Este es el ejemplo


Los tamaños de los ejemplos se da colocando la etiqueta <big> las veces que queramos aumentar el tamaño del texto, frase o letra que solicitemos.