Ir arriba



Este widget es de gran utilidad para conocer la opinión de tus lectores acerca de tus entradas por medio de un sistema de votación de estrellas (estilo Youtube antiguo).
Además, te agrega un cuadro con las entradas relacionadas a tu post, pudiendo elegir entre texto o en cuadros con información, como muestra la imágen de arriba.

Para instalarlo, entra a Outbrain

Elige el tipo de recomendación: Texto o Miniatura (Thumbnail)
y Tipo de feedback: Estrellas, Manito arriba o nada.

Luego, eliges la plataforma de tu blog e idioma y haces clic en Instalar.
Si lo deseas te puedes registrar, pero es opcional.

>> Leer Todo



Para decorar tu sitio web o blog acorde a las fechas, una buena idea es adornarlo con un fondo de fuegos artificiales para recibir el año nuevo.

Además, en este blog podrás encontrar todo tipo de recursos en cuanto a diseño gráfico... fondos, íconos, wallpapers, texturas etc

Descarga: Clic aqui

>> Leer Todo




Verify Email Adress es útil y simple, su finalidad es comprobar si un email es correcto y existe, especialmente creado para cuando, por ejemplo, te dicen un correo por teléfono y no estás seguro si lo anotaste bien... o esas veces que te rebota el mail con un mensaje de "no se pudo enviar".

Solo ingresas a la página, ingresas tu mail en el lugar que corresponde y haces clic en Verify!.

Saludos!

>> Leer Todo

Este efecto es muy utilizado actualmente para logos de páginas web o de cualquier cosa, es muy llamativo y es fácil de hacer en Photoshop.

Para empezar, crea un nuevo documento (Ctrl+N) o trabaja en una imagen que ya tengas. Procede a escribir el texto que quieras reflejar.



Ve a Layer/Duplicate Layer... Te queda el texto duplicado con el que vas a trabajar.



Para rotar la imagen selecciona Edit/Transform/Flip Vertical. Para poder modificar el texto debes hacer click derecho en la capa copiada y seleccionar: Rasterize Layer.



Crea una selección dejando un espacio libre en la parte de abajo.



Ve a Select/Feather (Alt+Ctrl+D). Usa el radio que gustes (yo usé 20 pixels) y presiona Shft+Ctrl+I (Select/Inverse)



Presiona la tecla Supr del teclado hasta que te guste como queda.



Para darle un efecto más realista bajale la opacidad. Yo la bajé a 50%



Para que se vea mejor dirigete nuevamente a Edit/Transform pero esta vez selecciona Perspective. Arrastra cualquier punto de abajo (el de las esquinas) y luego elije otra herramienta, dandole a Apply de la ventana "Apply the Transformation".



Con esto ya terminas, y puedes agregar todo lo que quieras. En mi texto final dupliqué el reflejo, aplicandole el filtro de desenfoque gausiano (Filter/Blur/Gaussian Blur). Luego le apliqué una sobreexposición en "Soft light" (en layers, al lado de opacity). A la letra central le puse brillo alrededor llendo a Layer/Layer Style/Outer Glow. En blend Mode: normal - En el recuadro de color seleccioné el blanco - Opacity: 100% - Size: 10 - Technique: Softer.



Para hacer que la luz se refleje como si hubiera suelo, se hace de esta forma: vé al texto reflejado y duplicalo (Layer/Duplicate Layer...). Dirigete a Filter/Blur/Motion Blur. Elije la distancia que quieras y luego coloca la capa en modo de Lighten. Con la herramienta de movimiento, o bien con Edit/Transform/Scale... alarga el texto (que ya no es texto, sino una luz). Y listo, queda como un piso alumbrado.

>> Leer Todo

Les enseñaré a crear una firma con un gif animado de este estilo:



Pero cuando aprendan como hacerlo, podrán crear el gif que ustedes quieran
Para esto usarémos el programa Photoshop CS2 de Adobe.

Paso 1: Crear un nuevo documento (Control + N)

Le ponen los tamaños que permiten las firmas del foro, 350x40 pixeles.



Paso 2: Buscan la imágen que quieran (en mi caso la saqué de Google imágenes).



y la pegan (Control + V) en el documento.

Paso 3: Abren la ventana de animación: Windows > Animation (Ventana > animación).

Y en la nueva ventanita que abrió, hacen clic en el boton "Duplicates selected frames", como muestra la siguiente imagen gaia.gif



En el primer Fotograma, mueven la imágen hacia arriba (o donde quieran que parta el gif)
En el fotograma copiado, el segundo... mueven la imágen hacia abajo (hacia donde se moverá).



Ahora que dejaron listas las imagenes donde comenzará y terminará el movimiento...
Vuelven a hacer clic en el Fotograma 1 y hacen clic en el boton "Tweens animation"



En la ventana que abre, no hagan nada más que poner el numero de fotogramas...
Para que la animación no sea tan lenta, con 10 frames está bien (Aunque la sig imágen dice 30 xD.gif)



Apretan aceptar y verán que se crearon los 10 fotogramas, y en cada uno, la imágen se mueve un poco hasta llegar al final.

Paso 4: Hacer volver la imágen (para que sea una animación ciclica).

Para asegurarnos que al volver el gif, la imágen quede ahi mismo donde comenzó...
Van al Fotograma 2, y vuelven a apretar en "Duplicate selected frames"



El fotograma que se acaba de copiar, lo arrastras hasta el final, despues del último fotograma:



Ahora haces clic en el penúltimo fotograma (El que esta a la izquierda del que acabas de arrastrar, 32 en el ejemplo)

y vuelves a hacer clic en "Tweens animation", pones 10 frames nuevamente y aceptar.

Paso 5: Exportar el gif

Ahora solo haces clic en "File > Save for web" (Ahi puedes cambiar opciones de colores y formatos, pero no es necesario mover nada) y pones aceptar, y la guardas donde quieras gaia.gif



Listo, tenemos el gif terminado, ahora lo suben a una página como imgur.com y lo ponen en su firma.

>> Leer Todo

Hace tiempo recuerdo haber pasado horas buscando un buen formulario de contacto y fácil de hacer, sin tanto código ni cosas raras, ahora recien encontre lo que buscaba: Email me.

Este sitio, te crea un botón que dice simplemente "Email me", y al hacer clic se despliega un formulario de contacto sutílmente para que te envien mails a tu correo.

Como hacerlo? Muy fácil.
Primero ingresas aqui.
Haces clic en "Get your buoton", luego ingresas tu correo y nombre... y Listo!
Ya has creado tu formulario de contacto.

Ahora solo debes pegar el código donde quieras que aparezca el botón y ya pueden contactarte. En blogger puedes agregarlo en Diseño > Agregar nuevo Widget > HTML/Javascript.

>> Leer Todo

Una buena forma de dar a conocer tu web y aumentar visitas es por ejemplo, el botón "Me gusta" de Facebook, donde una sola persona haga clic en Me gusta, la verán muchos más y así más gente conocerá tu sitio.

Pero facebook pone a disposición nuestra muchos más plugins, que te pueden hacer más fáciles algunas cosas, y permite a tus usuarios interactuar con sus amigos de la red social.

Plugin de Comentarios


Con este plugin, no es necesario crear, por ejemplo, un libro de visitas, ya que solo copias el código que te proporcionan y cualquiera puede comenzar a comentar en tu página, y además estos comentarios se publican en el facebook de cada persona si así lo desea.

Solo basta con ingresar acá y poner la dirección de tu web, para luego copiar el código proporcionado.

Feed de actividad de amigos


Esto te muestra la reciente actividad de tus amigos en tu página, solo ingresa aquí e introduce tu dirección.

Hay muchos más, como el famoso botón "Me gusta", que los puedes encontrar acá.

>> Leer Todo

No tiene gran utilidad pero sirve para poner un mensaje corto o una bienvenida con un lindo diseño.

La web es Superstickie y es muy fácil de usar, solo debes escribir el texto y elegir los colores de tu sticker.

Cuando termines, le das clic a "Create" y listo, ahora puedes hacer clic en "Save to imgur" para copiar el enlace directo (direct link) y ponerlo en tu web.

>> Leer Todo

Una utilidad para esta función poco común, es en ese tipo de páginas de "Frases para Facebook" (que está plagado de ellas), en el que cualquier persona que visite el blog pueda crear entradas con un simple formulario, las cuales aparezcan automáticamente en el blog, sin ningún tipo de Permiso o contacto con el dueño del mismo...

Esto lo posteo a causa de una petición en un foro, en el cual se preguntaban como poder hacerlo, ya que blogger no permite esto... Pero aquí explico la forma que descubrí.

Esto es más fácil de lo que parece, el secreto en todo esto es "Mail-to-Blogger".

Que es Mail to Blogger?
Es una característica nueva de Blogger la cual te permite crear una dirección de correo, a la cual puedas enviarle Mail desde cualquier cuenta, que automáticamente publicará como entrada en el blog.

En este mail, el Asunto se transforma en el Título de la entrada y el Mensaje, será el Cuerpo de la entrada.

Paso 1: Crea tu dirección de correo para Mail-to-Blogger.
Esta opción aparece en Configuración > Correo electrónico y móvil.

Mail to blogger
En esa parte, creas tu correo y guardas los cambios. ej: nombre.example@blogger.com

Ahora, cada vez que alguien envíe un correo a nombre.example@blogger.com, este lo publicará como entrada en tu blog. En blogger recomiendan no darlo a nadie, porque pueden llenarte de spam. Aunque, claro, siempre cuando quieras puedes cambiar la dirección de correo.

Paso 2: Agregar un formulario que envíe mails a tu correo mail-to-blogger.
Y aquí esta el truco, crear un formulario con PHP que envíe un mail directamente al correo creado (ej: nombre.example@blogger.com) y asi cualquiera pueda crear entradas en tu blog.

En mi caso, para hacer el formulario utilicé este hosting gratuito muy bueno.
Para que todo funcione, deberás subir 2 archivos al servidor: El PHP que envíe los correos (enviar.php) y el formulario que pida la entrada al usuario (form.html).

2.1 - Abre un bloc de notas y guarda el siguiente codigo como enviar.php
Solo debes editar la dirección de tu correo mail to blogger.

<?php
$to = "nombre.example@blogger.com";
$subject = stripslashes($_POST['subject']);
$message = stripslashes($_POST["message"]);
$mailsend = mail ($to, $subject, $message);
if ($mailsend) {
echo "La entrada ha sido creada correctamente." ;
} else {
echo "Ha ocurrido un error al enviar, intenta nuevamente...";
}
?>


2.2 - Abre un Bloc de notas y guarda lo siguiente como form.html

<html>
<head><title>Enviar Entrada</title></head>
<body>
<link href="http://inacho.site90.com/style.css" rel="stylesheet" type="text/css" /> <script language="JavaScript" type="text/javascript">
<!--
function chkpass(){
largopass = document.myform.texto.value.length;
if(largopass < 5){
alert("El titulo debe tener al menos 5 caracteres.");
document.myform.texto.focus();
return(false);
}}
-->
</script>
<form onsubmit="return chkpass()" method="post" name="myform" id="myform" action="/enviar.php">
<script>var tit = 'Escribe el Titulo de la entrada...';</script> <input type="text" name="subject" class="texto2" id="texto" onblur="if(this.value == '') this.value = tit;" onclick="if(this.value == tit) this.value = '';" maxlength="400" autocomplete="off" /> <script>var d = document.getElementById('texto');d.value = tit;function checkfields(){if(d == '' || d == tit) return false; return true;}</script> <br />
<br />
<br />
Escribe el cuerpo de la entrada a continuacion: <br />
<textarea name="message" rows="10" cols="74" style=""></textarea> <br />
<input type="submit" class="boton" style="float: left;" value="Enviar" onclick="if(d.value == tit) return false;" />
</form>
</body></html>


Paso 3: Subir los archivos e Integrarlo a tu Blog.
Luego de tener los 2 archivos, basta con subir al servidor que desees, y luego integrar un marco con el formulario a tu blog.

Para esto, vas a Diseño > Añadir artilugio > HTML/Javascript.
Ahi pegas el siguiente código editando la dirección de tu archivo "form.html"

<iframe src="http://nombre.servidor.com/form.html" frameborder="0" width="600" height="255" scrolling="no"></iframe>

Eso es todo, si sabes un poco de html y php puedes personalizar todo, ya que es muy fácil.

Nota: Si quieres que sólo postee el Titulo de la entrada (Para esas páginas de Frases), elimina el <textarea> ... </textarea> del form.html.

Dudas en los comentarios, Saludos :)

>> Leer Todo



Estaba en busca de Hostings gratuitos para alojar los archivos de unos script (luego del fin de googlepages :( ) e imágenes de una galería, me encontre con varios que eran regulares y otros muy malos, que se caian cada 10 minutos (ripway.com) hasta que al fin pillé uno muy bueno para ser gratis: 000webhost

En este hosting gratuito he guardado multiples archivos php, javascript e imágenes y hasta ahora no se me ha caido ninguna vez, y la carga es bien rápida.

Para registrarte debes hacer clic aqui y poner los pocos datos que piden.
En la primera opción no pongas nada ya que es para dominios pagados. Y en la segunda eliges un subdominio que será la url corta de tu hosting para acceder a los archivos.

Luego de activar tu cuenta ya puedes ingresar a la zona de miembros en donde encontrarás el cpanel con todas las opciones del sitio.

Para comenzar a subir archivos, ve a la sección "Files" y usa uno de los 2 sistemas de manejo de archivos que tienen, yo prefiero el primero "File manager" por el java uploader.

Cuando entres al File manager, deberás introducir tu clave nuevamente pero sin cambiar el nombre de usuario que aparece ahi.
Para comenzar a subir tus archivos, debes entrar en la carpeta "public_html" y hacer clic en el botón de arriba que dice "Java upload", para subir archivos y carpetas fácilmente.

Luego, tu archivo podrás verlos haciendo clic en "open" a la derecha para obtener la url del mismo.

Cualquier duda en los comentarios :)

>> Leer Todo