Loscomo

Articulos relacionados simple para tu blog

2012-04-09T09:02:00.011-07:00

*Es muy importante hacer una copia de seguridad antes de tocar la plantilla.
*Usa la combinacion Ctrl seguido de la tecla F para buscar mas rapido.

Hola, como les va! es importante que debajo de las entradas tengamos post relacionados a la entrada para que tus lectores pasan mas tiempo en tu blog y leyendo otros post del blog, entonces aqui les voy enseñar como pueden poner uno simple osea sin imagen en miniatura pero muy lindo y muy facil de poner en tu blog, a continuacion siguen estos pasos:

1.-vamos a Diseño→Edicion html y alli expandimos la plantillas de artilugios y buscamos la etiqueta:

y justo antes pegamos el siguiente bloque:

.similiar  li {
padding:2px 0;
}
.similiar  li a {
background:url(http://2.bp.blogspot.com/_Sd8u52mpBRQ/TES2vBL_LGI/AAAAAAAAAmM/qLR1-FTK_UM/s1600/point_list.png) no-repeat scroll left center transparent;
text-decoration:none;
text-shadow:1px 1px 0 #FFFFFF;
padding:10px 20px 10px;
}
.similiar li a:hover {
background:url(http://3.bp.blogspot.com/_Sd8u52mpBRQ/TES4gArUhQI/AAAAAAAAAnM/lkGLBv5jekk/s1600/point_list_hov.png) no-repeat scroll left center transparent;
color:#404D77;
text-decoration:none;
}

2.-ahora buscamos esta parte :

<data:post.body/>

y justo debajo pegamos el siguiente codigo:

Mostrar / Ocultar ▼▲

<b:if cond='data:blog.pageType == &quot;item&quot;'>
   <div class='similiar' style='border-bottom:2px ridge gray;margin-top:-20px;padding-bottom:10px;'>    

    <div class='widget-content'>
    <h3 style='font-size:26px;font-family: Shadows Into Light Two;margin-bottom:7px;'>&#161;Tambien podria interesarte!</h3>
    <div id='data2007'/>
     <script type='text/javascript'>

     var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
     var maxNumberOfPostsPerLabel = 4;
     var maxNumberOfLabels = 10;

     maxNumberOfPostsPerLabel = 10;
     maxNumberOfLabels = 1;


     function listEntries10(json) {
       var ul = document.createElement(&#39;ul&#39;);
       var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ? 
                      json.feed.entry.length : maxNumberOfPostsPerLabel;
       for (var i = 0; i &lt; maxPosts; i++) {
         var entry = json.feed.entry[i];
         var alturl;

         for (var k = 0; k &lt; entry.link.length; k++) {
           if (entry.link[k].rel == &#39;alternate&#39;) {
             alturl = entry.link[k].href;
             break;
           }
         }
         var li = document.createElement(&#39;li&#39;);
         var a = document.createElement(&#39;a&#39;);
         a.href = alturl;

      if(a.href!=location.href) {
       var txt = document.createTextNode(entry.title.$t); 
       a.appendChild(txt);
       li.appendChild(a);
       ul.appendChild(li); 
      }
       }
       for (var l = 0; l &lt; json.feed.link.length; l++) {
         if (json.feed.link[l].rel == &#39;alternate&#39;) {
           var raw = json.feed.link[l].href;
           var label = raw.substr(homeUrl3.length+13);
           var k;
           for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
           var txt = document.createTextNode(label);
           var h = document.createElement(&#39;b&#39;);
           h.appendChild(txt);
           var div1 = document.createElement(&#39;div&#39;);
            
           div1.appendChild(ul);
           document.getElementById(&#39;data2007&#39;).appendChild(div1);
         }
       }
     }
     function search10(query, label) {

     var script = document.createElement(&#39;script&#39;);
     script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
      + label +
     &#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
     script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
     document.documentElement.firstChild.appendChild(script);
     }

     var labelArray = new Array();
     var numLabel = 0;

     <b:loop values='data:posts' var='post'>
       <b:loop values='data:post.labels' var='label'>
         textLabel = &quot;<data:label.name/>&quot;;
         
         var test = 0;
         for (var i = 0; i &lt; labelArray.length; i++)
         if (labelArray[i] == textLabel) test = 1;
         if (test == 0) { 
            labelArray.push(textLabel);
            var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ? 
                   labelArray.length : maxNumberOfLabels;
            if (numLabel &lt; maxLabels) {
               search10(homeUrl3, textLabel);
               numLabel++;
            }
         }
       </b:loop>
     </b:loop>
     </script>
    </div>

   </div>
  </b:if>

*Instruccion.:
•El código que hemos introducido está configurado para mostrar 10 post de una categoría. También podemos modificar ests características. Solo buscamos:

maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 1;

y le damos el valor que nosotros queremos.

•Background: son para poner las viñetas

•a:hover: el texto cambia de color cuando pase el mouse

•Ahora solo nos queda modificar la frase a la que mas nos guste. Para eso buscamos la frase Tambiem podria interesarte!" y lo sustituimos por lo que nosotros queramos.

*Nota.:
•Este codigo esta modificado, Este es el codigo original.
•Pueden poner el segundo codigo despues de <b:if cond='data:post.allowComments'> asi los articulos relacionados apareceran debajo del post-footer.

Estilos de bordes en css

2012-04-09T00:17:00.001-07:00

En Css es muy facil insertar bordes cuando tienes por lo menos una idea sobre los estilos de bordes

*Los Tipos de bordes son: solid, dotted, dashed, ridge, groove, inset, outset, double, hidden

*Los codigos css a usar son

p.solid {
border-style: solid;
border-size:1px;
border-color:gray;}

p.double {
border-style: double;
border-size:1px;
border-color:black; }

p.groove {
border-style: groove;
border-size:1px;
border-color:black;}

p.dotted {
border-style: dotted;
border-size:1px;
border-color:black; }

p.dashed {
border-style: dashed;
border-size:1px;
border-color:black; }

p.inset {
border-style: inset;
border-size:1px;
border-color:black; }

p.outset {
border-style: outset;
border-size:1px;
border-color:black;
}

p.ridge {
border-style: ridge;
border-size:1px;
border-color:black;
}

p.hidden {
border-style: hidden;
border-size:1px;
border-color:black;
}

Ojo: podria ser mas simple por ejemplo el primer codigo pude que sea asi:

p.solid {
border-style:size solid color; = border-style:1px solid red (#FF0000);

*Display o vista

Este es un borde solid

Este es un borde dotted

Este es un borde dashed

Este es un borde ridge

Este es un borde groove

Este es un borde inset

Este es un borde outset

Este es un borde double

Este es un borde hidden

Nota:
*Pueden remarcar que el hiden no tiene borde porque es como decir none (nada) , sin borde.
*Si quieres ponerle anchura solo usar borde-width:200px ;

Trucos basicos de html

2012-04-08T07:47:00.001-07:00

Hola amigos como estan , no soy un experto en html pero de lo poco que investigue les enseñare unos trucos basicos del maravilloso mundo del html...

¿Que es HTML?

HTML es un lenguaje de programación estático para crear páginas Web, cuando surgió internet, lo único que se utilizaba era código HTML. Es muy fácil crear una página web utilizando HTML, solo debemos sabe la sintaxis básica y la etiquetas (tags) mas importantes.

Bueno para los novatos, en html esto <> esto se llama etiqueta

Ojo: y cualquier estiqueta que se abre <> debe teminar con </>

1.Etiquetas de formato de texto y para cambiar el fuente

Negrita: <b>Texto a poner en negrita</b>

Cursiva:<i>Texto a poner en cursiva</i>

Subrayado: <u>Texto subrayado</u>

Preformateado: <pre>Texto que conserva todos sus espacios y tabuladores</pre>

Color de letra: <Font color='red'>Texto a colorear</Font>

Tamaño de letra: <Font size='6'>Texto a cambiar el tamaño</Font>

Tipo de letra: <Font Face='arial'>Texto </Font>

2.Para alineacion de texto y/o Div

Centrar: <center>Texto a centrar</center>

Izquierda: <h1 style='text-align: left'>Texto alienado a la izquierda</h1>

Derecha: <h1 style='text-align: right'>Texto alienado a la izquierda</h1>

Pd: tambien podemos usar float por ejemplo Style='float:right'

3.Etiquetas para parafos

Nuevo párrafo (dos espacios): <p></p>

Línea horizontal: <hr></hr>

Salto de línea (un espacio): <br></br>

4. Etiquetas para generar listas

Ojo:Las listas sirven para desplegar la información que debe ser enumerada o tabulada de una manera organizada.

Lista numerada: Numera los párrafos u objetos que se encuentran dentro de la siguiente estructura:

<ol>

<li> Primer párrafo u objeto. </li>

<li> Segundo párrafo u objeto. </li>

</ol>

*Nota: si quieres poner otra solo agrega otro <li></li> dentro del <ol></ol>

Lista con viñetas Inserta un punto negro a los párrafos u objetos que se encuentran dentro de la siguiente estructura:

<ul>

<li> Primer párrafo u objeto. </li>

<li> Segundo párrafo u objeto. </li> </ul>

Bueno fue todo por ahora !

Textaloud Portable + 6 voces loquendo incluidas

2012-04-08T07:42:00.008-07:00

Hola! amigos hoy les dejare este maravilloso programa, el textaloud portable para convertir tus tutoriales en voces y mas.

Video ejemplo en youtube

Capturas

Voces incluidas

Jorge de españa
Carmen de españa
Diego de argentina
Esperanza de mexico
Fracisca de chile
Juan de españa

Enlace(s) de Descarga

Depositfile

Usabilidad del elemento style en html

2012-04-08T07:37:00.000-07:00

Bueno hola amigos , para los que le gustarian conocer un poquito mas de este codigo ahi les voy a dejar algunas etiquetetas y para que sirven...

OjO: ya sabemos que toda etiqueta que se abre <> termina asi </>

Hablaremos un poco del elemento style HTML

La etiqueta <style> define hojas de estilo para el documento actual.

Esta etiqueta debe ser ubicada en la cabecera del documento.

Ejemplo:

<html>
<head>
<style type="text/css">
h2 {font-style:italic}
p {color:orange}
</style>
</head>

<body>
<h2>Encabezado en itálica</h2>
<p>Párrafo de color anaranjado</p>
</body>
</html>

En html se puede usar style tambn para dar le formato a cualquier elemento dentro de una etiquetapor ejemplo un span , un div en este caso seria algo por el estilo

<div style='border:0'>contenido</div> y puedria ser mas amplio como algo asi

<span class='rmlink' style='float:right; font:25px freestyle script; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow:1px 1px #585858; -moz-box-shadow:1px 1px #585858; -webkit-box-shadow:1px 1px #585858; margin-bottom:5px; margin-right:0px; height:26px; text-decoration:none;'>Contenido</span>

*Nota: con el elemento style se puede poner formato o estilo a un texto , puede utilizarse para alignar a derecha o izquierda un elemento ect.

Personalizar mensaje ''0 comentarios'' en blogger

2012-04-08T06:58:00.003-07:00

http://cdn4.iconfinder.com/data/icons/cc_mono_icon_set/blacks/48x48/eye.png

Hola si quieren modificar el mensaje que indica cuantos comentarios tiene la entrada alli les explicalle como darle un poco de estilo a este ...

1.-Vamos a Diseño/Edicion html y alli buscamos la etiqueta ]]></b:skin> y justo antes de ella pegmos lo siguiente:

/* Personalizar mensaje comentarios */

#comments h4 {
margin-top:0px;
color:black;
font-size:30px;
font-weight:bold;
font-family:freestyle script;
text-align:center;
letter-spacing:0;
line-height:1.4em;
text-transform:none;
}

Instruccion

margin-top* espacio hacia arriba
color* color de la letra
font-size* tamaño de letra
font-family* tipo de letra
text-align* alineacion del texto
letter-spacing* espacio entre las letras

Si quieren agregarle un fondo solo agrega los terminos background:url(url-de-la-imagen); y/o background-color:gray;

Añadir otros tipos de letras en blogger

2012-04-07T09:22:00.010-07:00

Generalmente Blogger solo nos permite usar alrededor de 7 fuentes ademas de simples, no puedes diferenciar los uno del otro son casi lo mismo y creo que es un poco limitado pero bueno que mas da, aunque hay personas a quienes le gustan una tipografia simple para sus blogs yo creo que al menos en los titulos del blog deberian ser un poco diferente al resto ¿no? los tipos de letra que usa blogger son aquellos...

Uno puede usar un tipo de letra que tenga instalado en su pc pero se podrá ver correctamente sólo si el usuario que ve la página tiene ese tipo de letra instalado en la suya , y tambien puede que no se veia bien en algunos navegadores. Por eso , les voy a enseñar como pueden insertar otros tipos de letras a blogger evitando todo estos problemas usando Google fonts API.

1.-primero vamos a la pagina de Google Fonts API (el enlace esta al final del post) cuando estemos alli escogemos la letra que queremos poner en nuestro blog y le damos en add to seleccion , despues en use imeditamente se generara un codigo que es el que vamos a usar para instalar la letra escogida, el codigo sera algo parecido a este:

<link href='http://fonts.googleapis.com/css?family=Audiowide' rel='stylesheet' type='text/css'>

a este codigo le vamos a agregar este simbolo ''/'' justo antes del cierre de la etiqueta ''>'', quedara asi:

<link href='http://fonts.googleapis.com/css?family=Audiowide' rel='stylesheet' type='text/css'/>

2.-ahora nos dirigimos a diseño/edicion html alli buscamos la etiqueta <head> y justo despues pegamos el codigo obtenido anteriormente:

3.-ahora ya tenemos instalado la fuente para usarlo solo utiliza font-family por ejemplo si queremos poner este tipo de letra en los titulos del blog el codigo a usar sera:

Si quieres instalar muchas fuentes no es necesario poner una y otra ves el codigo puedes separar los nombres por la barra separadora ''|'' por ejemplo si vas a usar 'Audiowide y press start 2p' el codigo seria: <link href='http://fonts.googleapis.com/css?family=Audiowide|Press+Start+2P' rel='stylesheet' type='text/css'> , puedes ver tambien que cuando el nombre de la letra tiene espacio debe ser + en lugar del espacio por ejemplo Press Start 2p = Press+Start+2p.

4.-hazle una vista previa si te queda bien guarda los cambios y listo !

Enlace | Google Fonts API

*Los tipos de letras de Google Fonts API son compatibles con casi todos los navegadores.
*Google Fonts API no es el unico que ofrece este servicio tambien: Kernest Font API y mas.

Boton ''Ir arriba'' deslizante para tu blog !

2012-04-06T10:35:00.022-07:00

*Es muy importante hacer una copia de seguridad antes de tocar la plantilla
*Usa la combinacion Ctrl seguido de la tecla F para buscar mas rapido.

Hola amigos como les va les voy a contar como pueden agregar un boton '' ir arriba '' en tu blog pero diferente al resto porque este tiene un efecto deslizante gracias a jQuery es algo muy facil de lograr nada del otro mundo pueden ver claramente un ejemplo en este blog , para agregarlo a continuacion siguen estos pasos...

1.-vamos a Diseño/Edicion html

2.-cuando estemos alli expandimos la plantilla de artilugios y buscamos

]]></b:skin> y justo antes pegamos el siguiente bloque:

#toTop {
text-align:center;
padding:0px;
position:fixed;
bottom:0px;right:10px;
cursor:pointer;
color:#666;
text-decoration:none;
filter:alpha(opacity=40);
opacity:.70;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /*--IE 8 Transparency--*/
}

3.-ahora buscamos la etiqueta </head> y justo encima pegamos este otro codigo:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>

$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr(&quot;href&quot;);if($(window).scrollTop()!=&quot;0&quot;){$(this).fadeIn(&quot;slow&quot;)}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()==&quot;0&quot;){$(scrollDiv).fadeOut(&quot;slow&quot;)}else{$(scrollDiv).fadeIn(&quot;slow&quot;)}});$(this).click(function(){$(&quot;html, body&quot;).animate({scrollTop:0},&quot;slow&quot;)})}});
</script>
<script type='text/javascript'>
$(function() {
$(&quot;#toTop&quot;).scrollToTop();
});
</script>

4.-por ultimo buscamos la etique </body> y justo encima pegamos:

<a href='#' id='toTop'><img src='http://tynipic.com/images/klz1333577838n.png'title='Ir hacia arriba'/></a>

5.-hagamos una vista previa guardamos los cambios y listo

*El primer codigo le da estilo al boton puedes editarlo a su gusto si quieres
*El segundo codigo es el srcipt de jQuery para el efecto deslizante
*Puedes cambiar la imagen si quieres cambiando la url , hay muchas imagenes en esta pagina

Crear iconos con tu e-mail !

2012-04-04T22:29:00.000-07:00

Hola ! Esta muy buena pagina nos ofrece algo talvez no muy conocido pero bastante interesante y ademas gratis sin pedir nada a cambio , la cosa es que con esa pagina podemos generar muy buenos iconos o imagenes de nuestro correo electronico para dejar los a alguien y tambien usar para nuestro web vean lo por si mismos en esta imagen lo bellos que son ,es lo maximo ...

Creo que servira de algo a los que todavia no lo saben asi que les dejo el sitio y le dimos las gracias por este buen servicio.

*Instruccion: se puede generar iconos para GMail, Hotmail, MSN, Yahoo!, AOL y mucho mas y para las extenciones mas conocidas .com , .fr , .co ect.. , solo hay que llenar el primer campo , eliges tu red , la extencion , generate , copias la url o lo descargas si quieres y listo !!!

Enlace | http://services.nexodyne.com/email/index.php

Cambiar favicon de tu blog [Blogger]

2012-04-02T11:57:00.002-07:00

El favicon es aquella pequeña imagen que se muestra antes de la URL del sitioWeb...

ahora blogger nos permite cambiar el favicon de nuestro blog sin necesidad de tocar el html solo hay que ir a Diseño/Elementos de la pagina en la cima hay un elemento que se llama 'Favicon' .

Hagamos click en editar /seleccionar archivo y seleccionemos la imagen o icono que queremos poner como favicon y le damos guardar

La imagen debe ser de igual anchura y altura por ejemplo 34x34 y debe pesar por lo maximo 100kb les recomiendo Light image resizer para cambiar el tamaño.

Problema y Solucion
*El unico problema con eso de cambiar el favicon con blogger es que puede tardar como 5 dias al minimo en aparecer.
*Ese problema lo causa los Cookies en casi todos los navigadores para solucionarlo hay que borrar los cookies pero debe ser desde el origen.

Cambiar color de fondo cuando pase el mouse

2012-03-24T14:44:00.004-07:00

Ayer como siempre estuve haciendo unos cambios en el blog y logre algo muy bueno y decidi compartir lo hoy con los bloggers novatos como yo jjajaj no es verdad , a quien le interese bueno, volviendo al tema es como cambiar el color de fondo de un div cuando pase el mouse sobre aquel elemento

*Ejemplo

*Te gusta*

Pueden ver claramente como cambia el color de fondo cuando pase el mousse sobre el boton jajaj
entonces para lograr eso solo hay que argregar el siguiente codigo al div por ejemple <div el codigo> </div>:

onmouseout="this.style.backgroundColor='#BDBDBD'" onmouseover="this.style.backgroundColor='#FAAC58'"

*instrucciones
-el primero osea onmouseout es el color para cuando se quite el mousse si kieres cambia el color por otro encuentraras los codigos de colores en esta pagina .
-El segundo onmouseover es el color para cuando esta el mouse sobre el div

*OJO: Este metodo no solo funciona solamente para un div sino tambn para span , input etc.

Actualizar drivers o controladores en tu pc con [Driver easy]

2012-03-22T18:57:00.007-07:00

Bueno gente como estan , aqui les dejo este muy buen programa te permite actualizar los controladores que falta en tu pc y no solo eso los baja y los instala automaticamente es una maravilla se llama ''Driver easy''

Capturas

Enlace(s) de descarga

Link directa

Como capturar la pantalla de tu pc con el teclado

2012-03-21T08:48:00.001-07:00

He visto mucha gente preguntando sobre este tema por eso hoy queria hacer un tutorial y aprender como se puede capturar la pantalla sin uso de ningun programa solo con el teclado es muy facil

1.-primero preparemos nuestra pantalla por ejemplo abre algun programa o ventana que quieres que aparezca en la captura que vais a hacer .

2.-cuando esten listo pesione la tecla impr pant pet sis suele estar al lado derecho de la tecla f12

3.-ahora abrimos el paint [Programa de editacion de fotos que viene en todo windows] , lo van a encontrar en esta direccion Inicio/Programas/accesorios/paint

4.-cuando termine de ejecutarse el paint solo presonemos la combinacion de tecla [ctrl+v] , va a aparecer automaticamente la captura en el paint lo editamos si quieren y lo guardemos y listo !!

*Nota: cuando guardamos la imagen guarda lo en formato png o jpeg!

*Ejemplos de unas capturas con el teclado en este mismo momento

Microsoft office 2007 Home and Student !

2012-03-14T18:45:00.012-07:00

Hola amigos hoy vengo a traerles el MS Home student gratis con serial y todo disfrutenlo y no olviden subscribir.

Microsoft Office 2007 Home and student

Informacion

Microsoft Office 2007 es una versión de la suite ofimática Microsoft Office de Microsoft y sucesora de Microsoft Office 2003. Originalmente conocido como Office 12 durante su ciclo beta, fue lanzado el 30 de noviembre de 2006 al mercado empresarial y el 30 de enero de 2007 al público en general, coincidiendo con el lanzamiento oficial de Windows Vista. Office 2007 incluye nuevas características, la más notable es la nueva interfaz gráfica llamada Office Fluent,2 también conocido como "interfaz de cinta" (en inglés ribbon),3 que reemplaza al menú y a la barra de herramientas que fueron características desde su inicio.

Componentes

Microsoft Office Word 2007

Microsoft Office Power Point 2007

Microsoft Office Excel 2007

Microsoft Office OneNote 2007

Microsoft Office Tools

Capturas

Bueno sin hablar mucho aqui esta los enlaces de MS office Home and Student...

Enlace(s)

*Microsoft office 2007

Descarga | Link directa

*Activacion de MS Office Home and Student

Descarga | Link Directa

*Web del autor | Microsoft

*Nota: En este archivo que acaban de descargar esta toda la explicacion de como instalar el programa gratuitamente en el archivo 'Read me' y ahi tambien esta el serial.

*PD: si el serial no funciona intenta con las de abajo , porque nunca sabes a mi me funciono nos vemos.

Otros seriales [Opcional]

B4MKP-KP9YP-7TBQ4-7T4XF-MTGWY
TXF6Y-H24H8-H8YHX-46DY2-HCPCD
RBRT6-KV6YX-687MH-34HKG-97HR3
P7FXC-C4XJJ-6224W-6WMX3-J8VVB

Personalizar fecha de las entradas en blogger 2

2012-03-09T14:49:00.001-08:00

Hola ! amigos hoy les voy a enseñar algo muy facil para vuestro blog , es como personalizar la fecha de las entradas para que se vea mas o menos como algo asi

1.Vamos a [configuracion/Formato] los formatos primero debe quedar como en la imagen

2.ahora nos dirigimos a [Diseño/Edicion de html] expandimos la plantilla y buscamos esta parte [Ctrl+F para buscar mas rapido]

h2.date-header
{ margin:1.5em 0 .5em;}

y lo reemplazmos con esta :

h2.date-header {
background: url("http://tynipic.com/images/bfi1331281410t.png")no-repeat;
color: #000000;
font-family:freestyle script;
font-size:22px;
letter-spacing: 2;
margin-left: 0px;
padding-left: 20px;
border-bottom:2px ridge ;
border-right:2px ridge;
width:180px; 
}

Intrucciones:

*Background url: es la imagen en miniatura que esta al lado si queremos cambiar lo solo
<cambiamos la url de esta imagen por la de la imagen que queremos poner , pero debe ser una imagen con el tamaño adecuado para evitar problemas

*Color: es el color del background

*Font-family: el tipo de texto

*Font-size: tamaño del texto

*Letter spacing: espacio entre las letras

*Border bottom: borde abajo

*Border right: Borde a la derecha

*width: la anchura del borde

*Nota: si queremos bordear todo el texto solo pegamos Borde:2px ridge ; en lugar de los dos bordes del contenido y si no queremos borde solo quitalo todo.

Por ultimo hagamos una vista previa si les queda guardamos los cambios y listo !

Como copiar y mover carpetas pesados mas rapido en tu pc !

2012-02-28T08:02:00.003-08:00

Hola ! pasa a veces cuando formateamos el disco C: de nuestro pc pasamos archivos importantes y/o pesados en el disco D: para que no se pierden o viceversa por ejemplo yo no estaba formateando mi pc sino ya no quedaba mucho espacio en disco C entonces decidi pasar unos archivos pesados descargados de intenet al disco D para asi generar espacio en mi pc y mi gran sorpresa fue que el archivo tomaba casi 2 horas en moverse y el pc me quedaba muy lento entonces decidi averiguar un poco en la internet como pudiera arreglar tal problema entonces encontre este maravilla ''Teracopy'' lo bueno de este programa es que no es pesado pesa solo 2,80 mb y muy facil de instalar y me movio el archivo en solo 5 minutos sin que se ponga lento mi maquina ...

¿Como usar?

es muy facil usar el programa arrastre carpeta que quires copiar en donde dice 'arroje los archivos aqui' y despues haz click en 'seleccionar la carpeta de destino'/examinar buscamos la direccion donde queremos mover o copiar la carpeta y le damos en aceptar y despues seleccionamos la operacion que queremos si es de mover la carpeta o copiar

Nota: si queremos mas opciones simplemente dale en 'mas'

Si te interesa el programa aqui esta la descarga:

Descarga | Link directa

Error al instalar windows xp archivo ''ASMS'' solucion

2012-02-26T06:33:00.005-08:00

OJO:es muy largo el tutorial pero creo que te puede funcionar por que me funciono a mi !

Ayer mientras formateaba mi laptop con el windows xp ue al llegar a la instalacion me salio un problema muy raro me pidio buscar en el cd un tal archivo asms no entendi nada porque nunca me habia occurido tal error en la instalacion de un SO entonces decidi montar el iso del SO con el ultraiso y sorpresa el archivo estaba ahi no entendi , decidi averiguar en internet y me di cuenta que el error era un error muy comun y encontre que pricipalmente este problema puede llegar a ocurrir cuando la unidad cd/dvd es muy vieja , o al momento de grabar con nero o cualquier otro quemador para evitar el problema debemos seleccionar velocidad lenta y no velocidad rapida para que se grabe bien el SO , pero lo malo es que no encontre nada de solucion al problema unos me decian hay que hacer otro cd y otros blah blah blah estaba tan desesperado que al ultimo momento se me occurrio una idea

Solucion : lo que hice fue ...

al comienzo cuando sale el error o cuando pide el archivo asms para continuar la instalacion , saque manualmente el cd windows xp ue de la unidad reinicie la laptop usando la siguiente combinacion Ctrl + Alt + Delete y lo deje reiniciar y se reinicio hasta llegar adonde sale el error de buscar el archivo porque ya formatee las unidades solo falta instalar el SO y al momento que me pide buscar el archivo meti el cd windows que recordamos saque cuando reeinicie la laptop deje que lo encuentre y le di aceptar y listo se instalo sin ningun problema como si no occurio el error !

PD : quiero advertir que solo lo intente para win xp ue v7 no se si para los demas win xp si funcionara

Si no funciona para xp profesional o demas xp's intenta la salucion de abajo cuando sale el problema

Disco duro con formato del sistema de archivos FAT o FAT32

Si el disco duro tiene el formato del sistema de archivos FAT o FAT32, siga estos pasos:

Utilice un disco de inicio de Microsoft Windows 98 Segunda Edición o Microsoft Windows Millennium Edition (Me) con los controladores de la unidad de CD-ROM para reiniciar el equipo.

Copie la herramienta Xcopy.exe del CD-ROM de Windows 98 Segunda Edición, el CD-ROM de Windows Millennium Edition (Me) o el disco duro en el disco de inicio de Windows. Para ello, utilice el método apropiado.

CD-ROM de Windows 98 Segunda Edición

Inserte el CD-ROM de Windows 98 Segunda Edición en la unidad de CD-ROM o DVD-ROM, y a continuación escriba las líneas siguientes en el símbolo del sistema, donde cd-rom es la letra de la unidad de CD-ROM o DVD-ROM, y presione ENTRAR después de cada línea:

C:
copy cd-rom:\win98\smartdrv.exe
copy cd-rom:\tools\oldmsdos\xcopy

CD-ROM de Windows Millennium Edition (Me)

Inserte el CD-ROM de Windows Millennium Edition (Me) en la unidad de CD-ROM o DVD-ROM, y a continuación escriba las líneas siguientes en el símbolo del sistema, donde cd-rom es la letra de la unidad de CD-ROM o DVD-ROM, y presione ENTRAR después de cada línea:

c:
copy cd-rom:\win9x\smartdrv.exe

extract cd-rom:\win9x\win_17.cab xcopy.exe /L c:\ xcopy.exe

extract cd-rom:\win9x\win_17.cab xcopy32.exe /L c:\ xcopy32.exe

extract cd-rom:\win9x\win_19.cab xcopy32.mod /L c:\ xcopy32.mod

Disco duro

En el símbolo del sistema, escriba las líneas siguientes, donde unidad es la letra de la unidad del disco duro donde está instalado Windows, y presione ENTRAR después de escribir cada línea:

c:
copy unidad:\windows\smartdrv.*

copy unidad:\windows\xcopy*.*

Expulse el CD-ROM de Windows 98 o Windows Millennium Edition (Me) y, a continuación, inserte el CD-ROM de Windows XP Professional.

Copie la carpeta I386 y todas sus subcarpetas en el disco duro. Para ello, escriba las líneas siguientes en el símbolo del sistema, donde cd-rom es la letra de la unidad de CD-ROM y unidad es la letra de la unidad de disco duro, y a continuación presione ENTRAR después de escribir cada línea:

smartdrv

xcopy cd-rom:\i386 unidad:\i386 /e

Reinicie el equipo y, a continuación, vuelva a ejecutar el programa de instalación.

Cuando reciba el mensaje de error, haga clic en Examinar y, a continuación, escriba la ruta de acceso de la carpeta I386 en el disco duro.

Nota: puede que se le pregunte varias veces la ubicación de esta carpeta. Si Examinar no está disponible, vea la sección "Disco duro con formato del sistema de archivos NTFS".

Disco duro con formato del sistema de archivos NTFS

Si el disco duro tiene formato del sistema de archivos NTFS y está actualizando una versión anterior de Windows, utilice uno de los métodos siguientes.

Método 1

OJO: la utilización incorrecta del Editor del Registro puede provocar problemas graves que hagan necesario volver a instalar el sistema operativo.

Cuando reciba el mensaje de error, presione MAYÚS+F10 para iniciar una sesión de comandos.

Escriba regedit.exe y presione ENTRAR.

Haga clic en HKEY_LOCAL_MACHINE.

En el menú Archivo, haga clic en Cargar subárbol y, a continuación, cargue %Windir%\System32\Config\System.sav.

Cuando se le pida que especifique un nombre, escriba Test.

Busque la clave siguiente y haga clic en ella:

HKEY_LOCAL_MACHINE\Test\ControlSet1\Control\Class\{4D36E965-E325-11CE-BFC1-08002BE10318}

Elimine las claves del Registro UPPERFILTERS y LOWERFILTERS.

Repita los pasos 6 y 7 para las otras claves ControlSet# debajo del subárbol Test.

Haga clic en Archivo y, a continuación, haga clic en Salir para cerrar el Editor del Registro.

Si la ruta de acceso del mensaje de error es la letra de unidad correcta de la unidad de CD-ROM, haga clic en Aceptar para continuar con el programa de instalación.

Si recibe de nuevo el mensaje de error, el programa de instalación no puede leer correctamente la unidad de CD-ROM o la información de la ruta de acceso es incorrecta. En este caso, reinicie el equipo y deje que el programa de instalación se reanude.

Método 2

Si no puede iniciar Regedit.exe en el símbolo del sistema, y hay otra partición disponible donde pueda instalar Windows en el disco duro, siga estos pasos:

Instale Windows en la otra partición.

Inicie la nueva instalación de Windows y, a continuación, inicie Regedit.exe.

Siga los pasos del método 1, pero cargue la sección System.sav de la carpeta original de Windows.

Método 3

Si no está utilizando un CD-ROM comercial de Windows XP con un holograma (por ejemplo, si usa un CD-ROM grabado), intente ejecutar el programa de instalación desde un CD-ROM comercial con un holograma. Para comprobarlo, inicie el equipo con la Consola de recuperación y, a continuación, examine la carpeta C:\$win_nt$.~ls. Busque la carpeta Asms. Si la carpeta no está o los archivos que contiene no tienen ningún byte, el CD-ROM no se grabó correctamente.

Windows 7 ultimate sp1 32 - 64 bits original !

2012-02-19T08:02:00.017-08:00

Hola amigos en este post les voy a dejar el windows 7 ultimate 32 bits y 64 bits

Informacion

Windows 7 es la versión más reciente de Microsoft Windows, línea de sistemas operativos producida por Microsoft Corporation. Esta versión está diseñada para uso en PC, incluyendo equipos de escritorio en hogares y oficinas, equipos portátiles, tablet PC, netbooks y equipos media center.2 El desarrollo de Windows 7 se completó el 22 de julio de 2009, siendo entonces confirmada su fecha de venta oficial para el 22 de octubre de 2009 junto a su equivalente para servidores Windows Server 2008 R2.

Capturas

Serial de oro que funciona para las dos versiones

22TKD-F8XX6-YG69F-9M66D-PMJBM

Enlace(s)

64 bits

Descarga | Link directa

*Serial de oro 2: P72QK-2Y3B8-YDHDV-29DQB-QKWWM

32 bits

Descarga | Link directa

*Serial de oro 2: C43GM-DWWV8-V6MGY-G834Y-Y8QH3

Via | http://www.geekmundi.net

Nota.:
• Seriales de oros 2 es por si el primer serial no funca, porque nunca sabes.
• La descarga es directa quiere decir que no tienes que esperar.

Como quitar el fondo blanco de una imagen sin photoshop !

2012-02-04T09:22:00.002-08:00

Hola amigos como estan les enseñare como qutar el fondo blanco de las imagenes sin la necesidad de usar photoshop !

1.lo primero que hacemos es bajar el programa gimp desde aqui

Nota: ocupa menos espacio que photoshop

2.abremos el gimp y despues la imagen

3.hagamos lo siguiente

- vamos a capa/transparencia y seleccionamos añadir cnal alfa

4.depues vayamos a seleccionador y seleccionamos la Por color

y hagamos click justo en el fondo de la imagen

5.despues vamos a Editar y seleccionamos cortar

y despues guardamos la imagen en formato PNG o GIF y listo !

Insertar una imagen al lado de los titulos de la sidebar

2012-02-01T05:55:00.008-08:00

Hola amigos ! hoy les voy a enseñar algo muy lindo para vuestro blog , es como insertar una pequeña imagen al lado de los titulos de la sidebar !

sera algo parecido a estas imagenes:

Ahora para agregar lo a vuestro blog primero

1. tenemos que tener la imagen que deseamos poner al lado del titulo de la sidebar podria ser cualquiera imagen
2.necesitamos un programa o alguna pagina que sirve para cambiar el tamaño de la imagen porque no podemos poner lo asi de grande jajaja

PD: por eso les recomiendo este muy buen programa light image resizer

les recomiendo que cambien el tamano a esta dimension

Ancho: 20px
Altura: 30px

3.despues vamos a Diseño/Edicion Html y buscamos esta estiqueta:

y debajo de ella pegamos lo siguiente :

background:url("Url-de-la-imagen");
background-repeat: no-repeat;

Nota.:
•si en tu blog en la etiqueta .sidebar h2 ya existe un background solo reemplazalo por el nuevo.
•No olviden que debemos subir a un gestor de imagenes la imagen que acabamos de cambiar el tamaño para obtener el url, para eso les recomiendo Tynipic.com

Light image resizer + serial

2012-02-01T05:22:00.014-08:00

Light Image Resizer
light image resizer es un muy buen programa que te permite cambiar el tamaño de tus imagenes es de lo mejor ...

Descarga | Link directa

*Password: casanova

•Como usar el programa

es muy facil usar el programa ! solo hagamos click derecho en la imagen que queremos cambiarle el tamaño y despues seleccionamos Light Image Resizer y el programa se abrira

Cuando el programa termine de ejecutarse hagamos click en siguiente y veremos diferentes opciones pongamos el ancho y la altura que queremos convertir esta imagen y despues nos dirigimos a modo y ahi elejimos el modo si lo que quieres es estirar la imagen para que no se pierde parte de la imagen o para que no se corta elegimos como modo estirar si no es eso lo que quieres hacer entonces elige entre la otras opciones y despues puedes dejar todo lo resto por defecto y haga click en proceso y guardar y la imagen llevara el nombre original siguiendo por copiar y listo!!

Nota:
El serial esta dentro del archivo descargado , despues de descomprimir el archivo ahi esta, abrelo, copie el codigo y pegalo para desbloquear el programa

Antes

Despues

Como quitar la barra azul en las plantillas de blogger

2012-01-26T22:21:00.002-08:00

Hola amigos esta barra azul que aparece arriba del blog a veces resulta muy molesto porque hace que nuestro blog se ve feo jaaj entonces si quieres quitar esta barra azul

-Entramos en Diseño/Edicion Html y ahi buscamo la etiqueta <head> y justo antes de ella o sea arriba pegamos el siguiente codigo :

<style type='text/css'>
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>

Y listo debe de desaparecer por siempre en esta plantilla jaja !

Dividir cabecera de tu blog en dos !

2012-01-25T23:37:00.008-08:00

Hola amigos como les va ! si te gustaria dividir la cabecera de tu blog en dos osea de la misma manera que mi cabecera y asi poder poner un gadget,una imagen junto a la cabecera del blog , aqui te enseñare como se hace ..
1.Para las plantillas hecho con el diseñador de blogger
Lo que hacemos es ir a Diseño / Editcion Html una ves dentro expandimos la plantilla y buscamos esta parte:

/* Header
----------------------------------------------- */

Y debajo de ella agregamos lo siguiente:

.header {width:48%; float: left; margin:0 auto 1%;}
.header2 {width:47%; float: right; margin:0 auto 1%;}

Ahora buscamos el siguiente codigo y agrega la parte que esta en azul:

<div class='region-inner header-inner'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Funbloc (cabecera)' type='Header'>
<b:includable id='main'>
</b:section>
<b:section class='header2' id='header2' showaddelement='yes'/>
<div style='clear: both;'/>
    </div>

Guardamos los cambios y listo !

2.Para las viejas plantilla

Entramos a Diseño / Editcion Html una ves dentro expandimos la plantilla y buscamos esta parte:

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}
Eliminalo y reemplazalo por este otro:

#header {

width: 48%;

float: left;

margin:0 auto 1%;

text-align: center;

color: #000;

}

#header2 {

width: 48%;

float: right;

margin:0 auto 1%;

text-align: center;

color: #000;

}

Ahora busca este codigo y de la misma forma agrega lo que esta en azul:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Título de tu blog (cabecera)' type='Header'/>
</b:section>
<b:section class='header2' id='header2' showaddelement='yes'/>
<div style='clear: 
;'/>
</div>

Guardamos los cambios y listo !

Contador de post y comentarios para tu blog

2012-01-20T11:53:00.002-08:00

Hola amigos como les van , hoy les dejare este buen gadget que te permite saber cuantos posts y/o comentarios tienes en tu blog , es similar a la que tengo en este blog ...

Solo tienen que copiar el codigo debajo del estilo de tu gusto y pegar lo en tu blog

Pasos : Diseño->Elementos de página->Añadir un gadget->HTML/Javascript

<center><br /><script type="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><div style="width:108px; height:43px; position:relative; font-size:13px; font:Verdana, Arial, Helvetica, sans-serif;"><span style="position:absolute; top:5px; right:7px;"><script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script></span><span style="position:absolute; bottom:5px; right:7px;"><script src="/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script></span><img src="http://1.bp.blogspot.com/_3I-n2Iardj8/TSJVt3xvi7I/AAAAAAAAAa4/RBnUPwPUXd0/s1600/widget-comentarios.jpg" /></div><span style="font-size:11px"></span></center><center><a href="http://amigaswebs.blogspot.com/2011/01/gadget-contador-de-post-y-comentarios.html">Quiero uno en mi blog</a></center>

<center><br /><script type="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><div style="width:108px; height:43px; position:relative; font-size:13px; font:Verdana, Arial, Helvetica, sans-serif;"><span style="position:absolute; top:5px; right:7px;"><script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script></span><span style="position:absolute; bottom:5px; right:7px;"><script src="/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script></span><img src="http://lh3.ggpht.com/_3I-n2Iardj8/TSJXNwytycI/AAAAAAAAAbI/ueL_coRJSaE/s104/Noneg" /></div><span style="font-size:11px"></span></center><center><a href="http://amigaswebs.blogspot.com/2011/01/gadget-contador-de-post-y-comentarios.html">Quiero uno en mi blog</a></center>

<center><br /><script type="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><div style="width:108px; height:43px; position:relative; font-size:13px; font:Verdana, Arial, Helvetica, sans-serif;"><span style="position:absolute; top:5px; right:7px;"><script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script></span><span style="position:absolute; bottom:5px; right:7px;"><script src="/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script></span><img src="http://lh6.ggpht.com/_3I-n2Iardj8/TSJdhwUco9I/AAAAAAAAAbU/gflA2a_53qc/s104/None" /></div><span style="font-size:11px"></span></center><center><a href="http://amigaswebs.blogspot.com/2011/01/gadget-contador-de-post-y-comentarios.html">Quiero uno en mi blog</a></center>

<center><br /><script type="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><div style="width:108px; height:43px; position:relative; font-size:13px; font:Verdana, Arial, Helvetica, sans-serif;"><span style="position:absolute; top:5px; right:7px;"><script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script></span><span style="position:absolute; bottom:5px; right:7px;"><script src="/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script></span><img src="http://lh3.ggpht.com/_3I-n2Iardj8/TSJhGwYtHiI/AAAAAAAAAbo/dbFc9hlzcEo/s104/None" /></div><span style="font-size:11px"></span></center><center><a href="http://amigaswebs.blogspot.com/2011/01/gadget-contador-de-post-y-comentarios.html">Quiero uno en mi blog</a></center>

<center><br /><script type="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><div style="width:108px; height:43px; position:relative; font-size:13px; font:Verdana, Arial, Helvetica, sans-serif;"><span style="position:absolute; top:5px; right:7px;"><script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script></span><span style="position:absolute; bottom:5px; right:7px;"><script src="/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script></span><img src="http://3.bp.blogspot.com/_3I-n2Iardj8/TSJak8-jBlI/AAAAAAAAAbQ/8Ds1fAjWYEA/s1600/None" /></div><span style="font-size:11px"></span></center><center><a href="http://amigaswebs.blogspot.com/2011/01/gadget-contador-de-post-y-comentarios.html">Quiero uno en mi blog</a></center>

Fuente:http://amigaswebs.blogspot.com

Desactivar tu facebook definitivamente !

2012-01-11T01:24:00.001-08:00

Hola amigos como estan, les voy a decir como pueden eliminar su facebook,bueno facebook oculta mucho esta opcion ya que algunos usuarios ya estan aburridos de hace lo mismo cada dia, la mas clara opcion es desactivaar la cuenta pero temporalmente porque basta solo con poner tu email y el password y ya se activa de nuevo enonces si quieres eliminar tu cuenta definitivamente solo tienes que ir a este enlace, seguir los pasos y listo :

http://www.facebook.com/help/contact.php?show_form=delete_account

Espero que te haya servido de algo ns vemos !