menú horizontal y vertical gratis

1.28.2008

En listamatic me he encontrado con muchos menúes horizontales y verticales gratuitos para todos los gustos.

Reducir tamaño de fotos online

1.22.2008

Internet nos provee de muchas herramientas que hacen más fácil nuestra vida. Una de ellas es la posibilidad de reducir (y en algunos casos aumentar) el tamaño de nuestras fotos. Aqui te dejo una lista de las mejores:

http://www.easycropper.com/

http://www.webresizer.com/es/

http://www.pixizer.com/

http://www.shrinkpictures.com/

http://pixenate.com/

http://superpatanegra.com/

Además puedes ver estas otras:

Y si no has quedado aún satisfefcho, visita el blog fullfotolog en el cual encontrarás una lista enorme.

como borrar los comentarios en blogger

1.21.2008

A veces Adsense te cancela la cuenta porque sus robots detectan "palabras" no permitidas. Y si el comentario con palabras soeces, por ejemplo, ya está publicado, ¿cómo lo borramos?.

No pené que fuera tan fácil hacerlo. En los siguientes hilos encontrarás la respuesta:

Bloggerxero

Helpblogger

Nueva Plantilla Dekada para Blogger

1.18.2008

Si tienen alguna duda al instalar la plantilla, sólo pregunten.


Demo
Download

El Escaparate de Rosa: un superblog

1.08.2008

Tal como lo digo, http://elescaparatederosa.blogspot.com/ se ha convertido en uno de los blogs de ayuda para bloggers más visitados de la red. En él podrás encontrar muchos trucos que te servirán para modificar tus plantillas blogger. Además Rosa te enseña muchísimos "tips and tricks" esenciales para todo blogger.

Blogandweb: parada obligada para bloggers

1.06.2008

blogandweb es un blog que visito frecuentemente porque gracias a su creador, Francisco, he aprendido más de blogs que de otra web (si mal no recuerdo). Por eso lo recomiendo mucho.

Infectedfx, un sitio obligatorio a la hora de diseñar webs

Infectedfx es un blog con los mejores consejos para el diseño web. No puedes perdértelo. Aprendí muchas cosas con él.

Freecsstemplates.org: excellente sitio de plantillas gratuitas

freecsstemplates.org es un buen sitio de donde puedes descargar plantillas gratis tanto para el sistema wordpress como para páginas web. De hecho, algunas de ellas he usado para adaptarlas a blogger.



40 SITIOS PARA COMPARTIR FOTOS

12.16.2007

Los servicios de alojamientode de imágenes son extremadamente populares y, miles de fotos cada minuto están cargándose en Flickr. Si bien los primeros que mencionamos obtenienen la mayor parte de la atención, hay varias opciones disponibles. Estos servicios se han convertido en una buena opción para los propietarios de sitios web y los bloggers, ya que se pueden integrarlos en su sitio web para ahorrar espacio de disco y ancho de banda. Aquí hay más de 40 opciones:
















Zoto
Phanfare
Kodak Image Gallery
Epson Photo Center
Flukiest
PhotoWorks
Funtigo
Snapfish
BubbleShare
pxSpot
Woophy
Webshots
MyPhotoAlbum
Slide.com
Photo.net
23hq.com
Smilebox
dotPhoto
Scrapbookpictures.com
PBase.com
Picasa
Pickle
RockYou.com
Fotothing
Care2.com
Opera Mini
Album Town
MySharedPhotos
Byte Gallery
MyImageHostingImageUploads.net
iWebPhoto
Pix8.net
Photo MachinePhotoCollectionMyPicGallery
PhotoThru.com
Picture Village
myLivingTree
Saved Memories
MonkeyView

Vía: Vandelaydesign

ICONO GRATIS EN DRYICONS

DryIcons.com te ofrece gratuitamente estos atractivos íconos.





BORDE DE LA IMAGEN DEL POST

12.12.2007

Podemos personalizar el borde que rodea las imagenes de nuestros post. O podemos eliminarlo si no la deseamos.

Para ello trabajaremos con esta imagen:



Eliminar el borde:

Buscaremos esta parte del código:

.post img {
padding:4px;
border:1px solid $bordercolor;
}

Donde dice "border:1px" borramos el valor 1 y en su lugar escribimos 0:

.post img {
padding:4px;
border:0px solid $bordercolor;
}

Y el resultado es este:



Ahora juguemos con las otras etiquetas y sus atributos:

En padding ponemos 0 (cero) y le damos al borde un valor de 8. Borramos "bordercolor" y le damos un color verde con ayuda de colorcop.

.post img {
padding:0px;
border:8px solid #77AA77;
}

Resultado:


Ahora, en lugar del atributo "solid" le damos "dotted" para generar líneas punteadas. Además cambiamos de color a la línea.

.post img {
padding:0px;
border:8px dotted #E0DCC5;
}

Resultado:



Espero que les sirva.

CAMBIAR LA IMAGEN DEL HEADER DE ESTA PLANTILLA

11.23.2007

Hoy intentaremos cambiar la imagen del header de la plantilla que uso. Si no sabes donde descargarla, te dejo el enlace de Blog And Web para que la encuentres.




El primer paso será buscar esta parte del código de la plantilla.

/*-- (Cabecera) --*/

#header-wrapper {
background: #000 url(http://4.bp.blogspot.com/_Zuzii37VUO4/RrlxrqYSVGI/AAAAAAAACAk/kA7e4MVAwWY/s1600/head-bg.gif) repeat-x;
height: 126px;
position: relative;
color: #D16683;

La parte en rojo es la dirección donde está alojada la imagen, que es esta:



La razón por la que ocupa todo el ancho del header es el código "repeat-x;" que indica que esta imagen debe repetirse horizontalmente.

Para reemplazarla tenemos dos opciones:

La primera: reemplazarla por una imagen similar a ésta, la cual debe tener las mismas medidas: 59 x 126. Para diseñarla recomiendo StripeGenerator.

La segunda: buscar una imagen que tenga las dimensiones del header, es decir, 1003 px de largo por 126 px de altura o ancho.

Para el primer caso usaré esta imagen:




Alojo la imagen en un servidor (imageshack), reemplazo la url de la imagen, y el resultado es este:




Demo

En el segundo caso usaremos la siguiente imagen:




Reemplazo la url de la imagen, borro "repeat-x;" y en su lugar debe decir: "no-repeat;"

/*-- (Cabecera) --*/

#header-wrapper {
background: #000 url(http://4.bp.blogspot.com/_Zuzii37VUO4/RrlxrqYSVGI/AAAAAAAACAk/kA7e4MVAwWY/s1600/head-bg.gif)repeat-x;
height: 126px;
position: relative;
color: #D16683;

Debe quedar así:

/*-- (Cabecera) --*/

#header-wrapper {
background: #000 url(http://4.bp.blogspot.com/_Zuzii37VUO4/RrlxrqYSVGI/AAAAAAAACAk/kA7e4MVAwWY/s1600/head-bg.gif)no-repeat;
height: 126px;
position: relative;
color: #D16683;

Y el resultado final es este:




Demo

PLANTILLA BLOGY EN 3 COLUMNAS

Pensando en la gran demanda que tienen las plantillas en 3 columnas, hice una pequeña modificacion de la plantilla blogy iPlantilla de BlogAndWeb para añadirle un nueva sidebar.




Demo

Descarga en xml

Descarga en zip


Esta es la plantilla original de blogAndWeb en 2 columnas:




Demo

Descarga en xml

Descargar en zip

No olvides configurar la fecha del la plantilla en la opcion "Formato" de "Configuración", de acuerdo a la siguiente imagen:


PLANTILLA EXPERIENCE PARA BLOGGER

11.20.2007

Espero que esta plantilla sea de tu agrado. La adapté inspirándome en la plantilla experience de Freecsstemplates.


Demo

Descarga en xml

Descarga en zip

Para personalizar el menú debes entrar a la Edición html de la plantilla, expandir plantillas de artilugios y buscar el siguiente código:


<div id='menu'>
<ul>
<li class='current_page_item'><a href='http://www.blogger.com/'>Homepage</a></li>
<li><a href='#'>Products</a></li>
<li><a href='#'>Services</a></li>
<li><a href='#'>About Us</a></li>
<li><a href='#'>Contact Us</a></li>
</ul>
</div>

Ahora sólo falta escribir las url en lugar de # , además los nombre de tus enlaces.

Suerte!!

BELLOS ICONOS RSS

11.17.2007

En http://www.nyssajbrown.net/ han publicado estos bellos íconos gratis.


Descarga RSS icon sin reflejo

Descarga RSS icon con reflejo