Jazhe

Hola Amigos! el dia de hoy les presento una pagina muy buena q recien comienza (de la que formo parte) Se trata de una editorial online. Editorial Dorado para ser exactos y esta dirigida a los escritores aficionados, jóvenes y no tanto. Para que puedan de manera gratuita y profesional publicar sus libros. ¿Tienes un libro escrito o una historia en progreso? ¿Quieres publicarlo y no sabes como? Nosotros te ayudaremos! Dorado Editorial se encargara de: Ayudar a escritores a perfeccionarse para poder llegar a crear historias que sean originales y agraden a los lectores. Tendremos un correo electrónico en donde se enviaran las ideas, proyectos, libros terminados. Se tomara un número determinado de proyectos para editarlos. Se brindara ayuda con la ortografía, reglas de escritura, coherencia, etc. Una vez terminado se brindara un pdf protegido que será de distribución gratuita por la Web. Nuestra Forma de Trabajo es la siguiente: Dorado Editorial elegirá un máximo de 5 proyectos (Esto puede cambiar) para publicar. Esto es solo por el momento hasta que nos acostumbremos a trabajar a la par. Estamos divididos en puestos o secciones: Selector: lee las historias y los e-mails, es el encargado de leer y de hablar con el staff para elegir las historias. Esto es muy importante ya que se encargaran de leer las historias y discutir cual seleccionan. Una vez que son elegidas las historias, todo pasa a las manos de los Asesores que se encargaran de ayudar y aconsejar a los escritores, cuando tengan problemas con la escritura, por ejemplo cuando se enfrenten a la famosa pagina en blanco. Una vez que el libro esta terminado la tarea va a pasar a los correctores de ortografía que se encargaran de ver que el libro no tenga errores ortográficos. Luego de esto llega el momento de crear la portada, los creadores de portada estarán en contacto con los escritores para que la portada sea lo mas fiel a lo que ellos quieren. Entonces llega el momento de crear el pdf, los diseñadores del pdf también tendrán que estar en contacto con los escritores. Una vez terminado el resultado sera un pdf protegido (para evitar el plagio del mismo) y el primero en recibirlo sera el mismo autor. Luego se dará la fecha para publicarlo. En el pequeño tramo se creara un book-trailer para darle publicidad al mismo. El Diseñador de los Book-trailers a igual que los anteriores también estará en contacto con el escritor El libro sera de distribución gratuita por la Web. Link de la pagina: (blog x el momento) http://editorial-dorado.blogspot.com.ar/ Espero que les guste y q si quieren algunos se nos unan

Hola! en esta oportunidad les traigo 7 kits de elementos web. .d espero que les guste Si estás pensando en darle un toque muy "plus" a tu blog, o quieres agregar un botón personalizado para tu página de Google+, estos elementos serán de gran ayuda, todos ellos son de alta resolución y algunos vienen en formato PSD para que puedas redimensionarlos al abrirlos en photoshop. Espero sean útiles Elementos Web http://designmoo.com/8251/minimalistic-ui-kit-the-color-google/ Botones e Iconos http://designmoo.com/6352/google-plus-%E2%80%93-interface-icons/ http://chrisringeisen.deviantart.com/art/Google-Icons-219880537 http://truemisha.deviantart.com/art/Google-plus-one-icons-213649872 http://jimmybjorkman.deviantart.com/art/Google-Plus-Icons-Free-PSD-221266788 http://dribbble.com/shots/216635-Google-PSD-Icons http://dribbble.com/shots/266543-Google-Plus-button-in-the-wood Espero q les sirvan

Hola! en este nuevo post les dejo unos tips y trucos para los que usan plantillas personalizadas en blogger Si eres de los que usan plantillas personalizadas de terceros, una buena idea es probarla antes de ponerla de forma definitiva en tu blog, para verificar que todo funcione correctamente, y evitar sorpresas. Esto lo puedes hacer fácilmente en otro blog que crees para dicho propósito, ese que llamamos "blog de pruebas". He aquí 4 tips y trucos útiles para quienes usan plantillas de terceros, también algunos pueden ser de utilidad, si eres de los que les gusta personalizar la plantilla 1. Verificar que la plantilla sea compatible con los principales navegadores y sus versiones Tal vez estés utilizando Firefox y al probar tu blog veas todo en orden, pero ¿te has preguntado como lucirá en Internet Explorer versión 7?, por ejemplo. Generalmente no hay mucho de que preocuparse entre las mismas versiones de navegadores como Firefox y Google Chrome, caso contrario a Internet Explorer que suele causar problemas, hablando de sus versiones antiguas. Ver como luce tu blog en distintos navegadores http://browsershots.org/ Puede ayudar con esta tarea, haciendo capturas de pantalla de tu blog o página, en los distintos navegadores y versiones, según elijas. Personalmente, compruebo la compatibilidad directamente en el Navegador, no es muy práctico, pero me gusta ver directamente que todo luzca bien, navegando por el sitio. Probar el diseño en distintas versiones de Internet Explorer, en el mismo navegador Si usas Internet Explorer, o por lo menos lo tienes instalado en tu computadora, desde su versión 8, puedes ver como luce tu blog en distintas versiones Aquí podrás hacerlo http://msdn.microsoft.com/es-es/library/dd565628%28v=vs.85%29.aspx#Realizar_pruebas_en_diferentes_exploradores_y_modos_de_documento Lo ideal es que ya tuvieras la versión 9, para probarlo desde esa versión. Para hacer la prueba, pulsas la tecla F12, luego en Browser Mode, seleccionas la versión que deseas probar (de las tres primeras), y al seleccionarla debería cambiar automáticamente a la misma versión en Document mode, de ese modo el navegador se compartará como si fuera la versión que has seleccionado. Al terminar, no olvides cambiarlo a la versión 9, "Internet Explorer 9" y en Document mode debería estar "Internet explorer 9 standars", a menos que quieras navegar como si utilizaras una versión anterior...mmm, mejor no ¿vedad?. Otras herramientas Otra herramienta online que toma capturas de pantalla usando las distintas versiones de Internet Explorer es http://netrenderer.com/ e incluye Internet Explorer 6, aunque afortunadamente yo no tenemos que preocuparnos mucho por esa versión, (yo ya no lo hago). La limitación es que, como toda captura, no puedes comprobar su funcionamiento y sólo ves como luce la página. 2. Verificar que las páginas estáticas funcionen correctamente, cuando se utiliza resumen automático en las entradas Algunas plantillas antiguas, que utilizan resumen automático en las entradas, tienen un problema en el que al dirigirte a la página estática, esta se muestra con "leer más", o el texto que se haya agregado. Esto se soluciona editando la siguiente parte en el HTML de la plantilla, por ejemplo, este es el código para crear el resumen automático que habían explicado en Gem@Blog en el 2009, cuando todavía no existían las páginas estáticas de Blogger: <div class='post-body entry-content'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;</script> <span id='showlink'><a expr:href='data:post.url'> Texto para expandir el post </a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if> <div style='clear: both;'/> <!-- clear for photos floats --> </div> Habrá que agregar el código resaltado de verde al código anterior: <div class='post-body entry-content'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;</script> <span id='showlink'><a expr:href='data:post.url'> Texto para expandir el post </a></span> </b:if></b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if><b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/> </b:if> <div style='clear: both;'/> <!-- clear for photos floats --> </div> NOTA: aparecerá una carita son los siguientes ; ) unidos Lo que hacemos es condicionar lo que sucederá con las páginas estáticas, y lo anterior, puede traducirse como: -si estamos en la página principal, se crea el resumen automático, en las entradas y páginas, y si estamos en cada página individual o en una página estática, se muestra el contenido del post-. 3. Verificar la plantilla en distintas resoluciones de pantalla Esto servirá para ver si la plantilla se adapta óptimamente a las distintas resoluciones de pantalla. Puedes tomar en cuenta las resoluciones de pantalla que más visitan tu blog, basándote en tus propias estadísticas, para decidir si la plantilla cumple satisfactoriamente con este punto. Herramientas para verificar el blog en distintas resoluciones de pantalla Si utilizas Chrome existe una extencion https://chrome.google.com/webstore/detail/idhfcdbheobinplaamokffboaccidbal que permite comprobar esto, o bien puedes usar http://testsize.com/ que es una herramienta online 4. Alojar las imágenes de la plantilla por tu propia cuenta Algo muy recomendable que puede ayudar el tiempo de carga de tu blog. Además si guardas por ti mismo las imágenes de la plantilla, evitarás problemas futuros como la desaparición de una imagen de tu blog, si por ejemplo se borra accidentalmente, etc. Cómo guardar imágenes de la plantilla Paso 1. Copia todas las direcciones de las imágenes que encontrarás en la edición de HTML de tu plantilla, y lo haces fácilmente si utilizas ctrl F, escribiendo el comienzo de estas: http://... Paso 2. Luego, pones la dirección de la imagen en la barra de navegación de tu navegador, descargas la imagen y la guardas en tu computadora. Paso 3. Una vez que termines, subes las imágenes a un blog de pruebas que uses para tal propósito, o bien, a una página estática de tu blog que pudieras guardar como borrador u ocultar. Paso 4. Desde el panel de edición de entradas, haz click en el botón de HTML enseguida de "Redactar", en la nueva interfaz, y copia la dirección de la imagen que está dentro de la etiqueta a que envuelve a la imagen. Nota: Es esa la dirección que tiene la imagen con su tamaño original, por eso no tomas la que viene el código de la propia imagen. Tip: Si eres muy novato, y si se te complica obtener el código de la imagen desde el HTML de la entrada, entonces, ya que subas todas las imágenes, publica la entrada, vas a la entrada, haz click sobre cada imagen, y copia la dirección que aparece en la barra de direcciones, esto pensando en que no está habilitado el lightbox de Blogger. Conclusiones Un buen diseño compatible con la mayoría de navegadores y funcionando correctamente, hará que tu blog luzca más profesional, dará una mejor impresión a tus usuarios, y sumado a tu contenido, seguramente hará que regresen y así captarás a una mayor audiencia

Hola! en este nuevo pos les traigo un tutorial de como sacarle el fondo a una imagen, facil, sin descargas y sobre todo online. En este proceso es recomendable que el fondo de la imagen sea todo del mismo color, asi sera mas facil pero tambien se lo puede hacer con una imagen que tenga un fondo variado, aunque es mas dificil. Hoy les voy a enseñar como hacer uno pero con el fondo del mismo color. Solo sigue los siguientes pasos y tendras rapidamente tu imagen png Entrar a: http://pixlr.com/editor/ Fue Facil No?

Hola! En este nuevo post les traigo una ayudita super facil para mantener una entrada de blogger siempre al frente Si abecés te preguntas como hacer para que una entrada este siempre al frente, esta es tu solución mas fácil. Hace unos días me di cuenta de que puedes alterar la fecha de creación para que este al frente por determinado tiempo. ♦Primero hacemos clik en Nueva Entrada. Y una vez que tenemos la entrada lista para publicar. Hacemos Clik en Opciones de Entrada Y Luego nos queda hacer Clik Programado Para Y todo listo! cambias la fecha, a una fecha futura y ya tienes tu entrada por el tiempo que quieras al frente de tu blog Espero que les sirva

Hola Taringueros! Antes que nada FELIZ DIA DE LA MUJER! En esta ocacion les dejo un tutorial de como crear un menu colorido en blogger Muchos bloggeros se preguntan como crear un menú colorido, es muy fácil y ademas le da alegría a tu blog xDD Es muy fácil, y lo hacemos sólo con CSS, creamos bloques en los enlaces, de ese modo, toda "la cajita" funciona como enlace; también podrás agregar una descripción corta a cada enlace. En el ejemplo usaré colores de fondo. Funciona en todos los navegadores incluyendo IE6. Que el menú tenga diferentes colores de fondo Paso 1. Primero tenemos que tener una sección (para agregar un gadget) y poner ahí el HTML del menú, y lo podemos conseguir de dos formas. Las dos son muy sencillas, pero voy a explicar sólo una, que consiste en cambiar el número de elementos que se muestran en la cabecera del blog. Para ello, vas a la edición de HTML de la plantilla, y con la ayuda de ctrl F, buscas esta linea de código: Luego, cambias 1 por 2 y no por yes. Ojo: Si quieres el menú arriba del título, entonces procura que el gadget quede arriba de éste, y si lo quieres debajo del título, entonces arrástralo cuidando de no ponerlo en la sección del crosscol, ya que esa sección está justo debajo. Paso 2. Ve a: Plantilla > Personalizar > Avanzado > Añadir CSS, y pones el siguiente CSS, editando los valores según tus gustos y necesidades. Guíate con los comentarios que están entre /*...*/. Al finalizar puedes quitarlos. Lo que hacemos para que cada enlace tenga diferente color, es crear una clase para cada uno, y ponemos el color de fondo. Voy a poner en el CSS, los estilos para "cinco enlaces", tú puedes poner los que quieras, y cambiar el nombre de cada clase que resalté de rojo y si lo haces también lo harás en el HTML. ul#menu { width:890px;/*ancho del menú*/ height:50px; /*alto del menú*/ margin:0; padding:0; list-style:none; clear:both; } /*los estilos de cada elemento*/ #menu li{ float:left; padding:0;/*la separación de cada elemento*/ margin:0; } /*Los estilos que se aplican a todos los enlaces*/ #menu li a{ font-size:16px; text-align:center; color:#242424; /*color de fuente*/ white-space:nowrap; display:block; height:35px; /*la altura*/ border:1px solid #fff; /*color de borde, cambia el valor por 0 si no quieres borde y que se separe*/ font-weight:bold; text-decoration:none; } /*Estilos de la descripción*/ #menu p{ font-size:11px; padding:3px 0 0 0; margin:0; line-height:9px; text-align: center; font-weight: normal; } /*enlace 1*/ a.enlace1{ width:120px; /*ancho*/ padding:11px 5px 5px 7px; margin:0; background:#c3e6ee; /*color de fondo*/ } /*enlace 2*/ a.enlace2{ width:135px; /*ancho*/ padding:7px 7px 5px 5px; margin:0; background:#edcc15; /*color de fondo*/ } /*enlace 3*/ a.enlace3{ width:135px; /*ancho*/ padding:7px 5px 5px 7px; margin:0; background:#e3a1ea; /*color de fondo*/ } /*enlace 4*/ a.enlace4{ width:145px; /*ancho*/ padding:7px 7px 5px 5px; margin:0; background:#c1ef85; /*color de fondo*/ } /*enlace 5*/ a.enlace5{ width:125px; /*ancho*/ padding:7px 5px 5px 7px; margin:0; background:#dbecef; /*color de fondo*/ } /*El efecto hover de los enlaces */ #menu a:hover{ background:#f54edb;/*color de fondo*/} Luego, guarda lo que agregaste en "Aplicar al blog". Notas: Todo el CSS es totalmente válido. Los valores del padding se leen: arriba, derecha, abajo, izquierda. Agregamos la descripción usando la etiqueta "p". Para cambiar los colores puedes busacar tablas de colores en la siguiente pagina: http://html-color-codes.info/ Paso 3. Finalmente, lo que nos falta es agregar el HTML, y para ello vas a diseño, y en la sección de la cabecera, agregas un gadget con la opción HTML/Javascript, y dentro pones esto: <ul id="menu"> <li><a class="enlace1" href="#">ENLACE1<p>Lorum Ipsum</p></a></li> <li><a class="enlace2" href="#">ENLACE2<p>Lorum Ipsum</p></a></li> <li><a class="enlace3" href="#">ENLACE3<p>Lorum Ipsum</p></a></li> <li><a class="enlace4" href="#">ENLACE4<p>Lorum Ipsum</p></a></li> <li><a class="enlace5" href="#">ENLACE1<p>Lorum Ipsum</p></a></li></ul> Sustituye la almohadilla (#), por la dirección web o de la página de tu blog, pones el texto de cada enlace (ENLACE1,2,3...) y donde dice: Lorum Ipsum, escribes la descripción de cada enlace. Separé cada linea del enlace para que la identifiques fácilmente. Al terminar de editarlos puedes quitar la separación. Y listo ya tienes un menú muy colorido Variantes Puedes, crear distintos efectos en el hover, por ejemplo agregar padding, para que se desplace cada enlace, y lo haces en #menu a:hover{, sólo pones: padding-left:20px;/*padding a la izq.*/ ó padding-right:20px;/*padding a la derecha*/ Eso es todo