sábado, 27 de febrero de 2010
Como poner el Boton de Dacebook en tu blog de Blogger
http://www.facebook.com/facebook-widgets/share.php
miércoles, 3 de febrero de 2010
LOS DNS DE GOOGLE
ARTICULO DE
Google te ayuda a navegar con sus DNS
Google estrena servidores DNS públicos. Te estarás preguntando cómo puede ayudar eso a que navegues más rápido. Cada vez que escribes una dirección en la barra del navegador -por ejemplo, Google.com- y pulsas Intro, el navegador contacta con los servidores DNS para traducir la URL a una dirección IP (en el caso de Google, 74.125.67.100).
Pues bien, sin servidores DNS rápidos y fiables, traducir las direcciones a números IP es un proceso más lento, y, por ende, navegar también lo es. En el pasado recomendamos el servicio OpenDNS, pero la entrada de Google supone una revolución: con sus conexiones, las mejores del planeta, difícilmente podría haber servicio mejor. Al menos sobre el papel. Veamos cómo configurar Windows para usar las DNS del Gran Buscador.
¿Quieres cambiarte a Google DNS? Las direcciones de los servidores DNS públicos de Google son las siguientes:
· 8.8.8.8
· 8.8.4.4
Sin duda muy fáciles de recordar. Ahora bien, ¿cómo puedes usarlas en tu equipo? Depende del sistema operativo. En la página oficial hay instrucciones para todos ellos, pero aquí te explicaremos cómo configurar las DNS de Google en Windows XP, Vista y 7.
En Windows XP
En XP, ve a Inicio > Panel de control y abre Conexiones de red: verás todas tus conexiones. Un clic derecho sobre la que uses para conectarte a Internet, uno izquierdo sobre Propiedades y se abrirá una ventana con las Propiedades de red de la conexión.
Haz doble clic sobre Protocolo Internet (TCP/IP), elige el último botón radial (Usar las siguientes direcciones de servidor DNS) e introduce 8.8.8.8 en el primer campo y 8.8.4.4 en el segundo. Pulsa Aceptar, otra vez Aceptar y… ¡ya está!
En Vista / 7
martes, 26 de enero de 2010
Otro metodo mas Poner barra de menú en blogger
Este tutorialito, es para hacer una barra de menú en blogger como la mía, ya van varias veces que me preguntan cómo hacerlo, y pues aquí les va mi guía. Antes de empezar guarda un backup de tu plantilla por si algo sale mal la puedas recuperar sin problemas.
El objetivo es lograr algo como esto para tu blog:
Para empezar, tienes que tener la opción de añadir más elementos de página en la sección del header, así:
Blogger no nos lo permite por default, pero eso se resuelve fácil, vas a editar HTML de tu plantilla y buscas lo siguiente:
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
Donde cambiarás maxwidgets a 2 y showaddelement a yes. Quedando así:
<b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
Eso va a permitirnos añadir otro elemento arriba o bajo el header.
Lo que sigue es pegar un código en la plantilla para el menú. Esto lo vas a pegar antes de <head>
<style type='text/css'>
.barrademenu {
margin: 0;
padding: 0;
float: left; width: 100%;
font-family: Tahoma;
font-size:13px;
font-weight: bold;
margin-top: 0px;
border-bottom: 2px solid black;
border-top: 2px solid black;
background: #990000;
}
.barrademenu li {display: inline;}
.barrademenu li a, .solidblockmenu li a:visited {
float: left;
padding: 4px 15px;
text-decoration: none;
color: white;
border-right: 2px solid black;
outline: none;
}
.barrademenu li a:hover {
color: #ffffff;
background: #000000;
outline: none;
}
</style>
En ese código se incluye el estilo que va a tener el menú, puedes alterarle los colores si quieres que son los numeros de 6 dígitos (#000000, ver links al final del post), o usando nombres comunes de colores en inglés (white, blue, pink). Con el código así como está obtienes un menú igual al mio. Trata de jugar con los colores para crear uno que vaya con tu diseño.
Ya que pegaste el código, guardas los cambios y vas a agregar elementos de página, agregas un nuevo gadget tipo HTML/Javascript y en el vas a pegar lo siguiente:
<ul class="barrademenu">
<li><a title="Kozmica.com" href="http://www.kozmica.com">Inicio</a></li>
<li><a title="Informacion" href="http://www.kozmica.com">Acerca
de</a></li>
<li><a title="Contáctame" href="http://www.kozmica.com">Contacto</a></li>
</ul>
Claro que cambias la dirección a la de tu blog. Con eso te saldrán 3 “pestañas” o espacios en el menú, para agregar una más sólo es necesario agregar otro de estos:
<li><a title="Contáctame" href="http://www.kozmica.com">Otro menu</a></li>
¡Genial!
Si has hecho todo correctamente hasta ahora tendrás una barra de menú que se ve muy bien, sólo hay un último detalle, todos los enlaces dirigen a el inicio del blog, ¿cómo agregar las secciones?
En blogger no se puede hacer una página estática, pero podemos simular una con una entrada vieja en nuestro blog. ¿Cómo?, puedes editar entradas viejas transformándolas en el Acerca de, Contacto y demás o puedes crear una nueva entrada para cada sección y cambiarle la fecha hacia atrás para que no aparezca en la portada cuando la publiques.
La fecha la cambias clickeando en Opciones de entrada e introduces la fecha y hora que desees.
Es buena idea guardar los posts de las secciones antes de tus primeras entradas (puedes revisar la fecha que esas tienen) así cuando alguien esté navegando por tu blog no se topará con los post del menú entre el contenido. También puedes elegir entre permitir o no comentarios.
Ya que hayas creado tus entradas puedes empezar a añadir el acceso a ellas desde el recién agregado menú. Lo que tienes que hacer es colocar la dirección de cada post que hiciste de secciones en el código del menú. Por ejemplo, mi sección de Sobre mí así se ve el código en mi menú:
<li><a title="Conóceme" href="http://www.kozmica.com/2008/04/sobre-m.html">Sobre mí</a></li>
Creas tantas entradas y espacios de menú como necesites.
NOTAS:
Para buscar y encontrar algo fácilmente en la plantilla usa Control+F.
Cualquier duda, cosita en la que no me haya explicado bien o no funcione me comentas aquí mismo.
Te puede servir:
Web Color Chart / Para cambiar los colores del menú, no olvides el # antes de el código del color.
HTML color codes / Otra web con códigos de color
jueves, 7 de enero de 2010
Lista de Proxys
http://www.tech-faq.com/proxy.shtml
miércoles, 6 de enero de 2010
Monitoreo WEB
Herramientas de monitoreo web
La segunda herramienta la ofrece OpenDNS y con ella se puede monitorear la propagación de las DNS por Estados Unidos y Europa. La web también ofrece otros servicios, además de la administración de nuestros DNS, bloquea automáticamente los sitios fraudulentos e incluye un chequeador de sitios para adultos.
viernes, 18 de diciembre de 2009
Very Interesant: Imagina que tu plantilla es la casa que vas a construir
Imagina que tu plantilla es la casa que vas a construir
Hagamos un ejercicio de imaginación, construyámonos nuestra casa, con jardín, salón amplio, cocina, habitaciones, etc. El primer paso que haremos será dibujarla en un plano.

Resumiendo tenemos una
Casa formada por:
jardín
salón
habitación 1
habitación 2
cocina
Hemos hecho las divisiones de nuestra casa, sigamos ahora con el ejercicio de imaginación, vamos a modificar los nombres
Nuestra casa se llamara body
jardin ► header-wrapper
salon ► main-wrapper
habitación 1 ► sidebar-wrapper 1
habitación 2 ► sidebar-wrapper 2
cocina ► footer-wrapper
Representemos eso en términos que los navegadores puedan entender. Como son divisiones como tal las definiremos, con una particularidad, toda división que se abre debe cerrarse para que pueda actuar como tal.
Así que tendremos
una casa ► <body>
y dentro de la casa las divisiones con sus ID o nombres que son exclusivos
jardin ► <div id='header-wrapper'></div>
salon ► <div id='main-wrapper'></div>
habitación 1 ► <div id='sidebar-wrapper 1'></div>
habitación 2 ► <div id='sidebar-wrapper 2'></div>
cocina ► <div id='footer-wrapper'></div>
se acaba la casa ► </body>
Ahora sin explicación
<body>
<div id='header-wrapper'></div>
<div id='main-wrapper'></div>
<div id='sidebar-wrapper 1'></div>
<div id='sidebar-wrapper 2'></div>
<div id='footer-wrapper'></div>
</body>
¿No se parece esto a algo conocido que os da mucho respeto?
Pero solo tengo la casa con divisiones y quiero que mi jardín tenga piscina, que mi salón tenga chimenea, que las habitaciones tengan armarios y en mi cocina quiero un hermoso frigorífico.
casa formada por:
jardín con piscina
salón con chimenea
habitación 1 con armario
habitación 2 con armario
cocina con frigorífico
Volvamos a la imaginación y cambiamos los nombres, estos ahora ya no serán exclusivos así que no serán ID sino clases
casa ► body
jardín con piscina ► header-wrapper con header
salón con chimenea ► main-wrapper con main
habitación 1 con armario ► sidebar-wrapper 1 con sidebar
habitación 2 con armario ► sidebar-wrapper 2 con sidebar
cocina con frigorífico ► footer-wrapper 1 con footer
Como estos nuevos aportes van dentro de las divisiones les llamaremos secciones, así que obtenemos
<body>
<div id='header-wrapper'>
<b:section class='header' id='header'>
</b:section>
</div>
</div>
<div id='main-wrapper'>
<b:section class='main' id='main'>
</b:section>
</div>
<div id='sidebar-wrapper 1'>
<b:section class='sidebar' id='sidebar1'>
</b:section>
</div>
<div id='sidebar-wrapper 2'>
<b:section class='sidebar' id='sidebar2'>
</b:section>
</div>
<div id='footer-wrapper'>
<b:section class='footer' id='footer'>
</b:section>
</div>
</body>
Pues esto se va pareciendo cada vez más a mi plantilla.
Pero tendremos que rellenar algunas cosas de esas secciones, digo yo ¿no?, la piscina habrá que meterle agua, a la chimenea, leña, a los armarios unas baldas por lo menos y al frigorífico me niego que no le metamos unas cervecitas.
Como a estas alturas ya sabéis cual es el ejercicio de imaginación pasemos directamente a ver como quedaría
<body>
<div id='header-wrapper'>
<b:section class='header' id='header'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
</b:section>
</div>
</div>
<div id='main-wrapper'>
<b:section class='main' id='main'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>
</b:section>
</div>
<div id='sidebar-wrapper 1'>
<b:section class='sidebar' id='sidebar1'>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
</b:section>
</div>
<div id='sidebar-wrapper 2'>
<b:section class='sidebar' id='sidebar2'>
<b:widget id='HTML3' locked='false' title='' type='HTML'/>
</b:section>
</div>
<div id='footer-wrapper'>
<b:section class='footer' id='footer'>
<b:widget id='HTML4' locked='false' title='' type='HTML'/>
</b:section>
</div>
</body>
Ahora si que se parece casi del todo, como sabréis podemos "rellenar" cada cosa con los elementos que queramos.
Hasta aquí tenemos una casa con sus divisiones, algunas secciones y cosas dentro de esas secciones, ¿pero como quiero que todo esto quede?, ¿con que color?, ¿que tamaño?...eso lo veremos en otra entrada.
sábado, 19 de septiembre de 2009
Los blogs atraen publicidad y empiezan a ser un buen negocio
El sueño de abandonar el trabajo cotidiano y vivir del ingreso de un blog ha demostrado ser inalcanzable para la mayoría de los bloggers . Pero unos pocos emprendedores, como los Sugar, han encontrado el éxito en las redes de blogs.
Mientras no exigen nada semejante a las tarifas publicitarias de las revistas de lujo, estas redes están atrayendo dólares por publicidad, mientras las revistas los pierden.
Las ganancias de Sugar han aumentado en un 20% durante la primera mitad del año, y la empresa está en vías de duplicar sus ingresos y dar ganancia este año, dijo Sugar, director ejecutivo del emprendimiento. Gawker Media, una de las primeras y más grandes redes de blogs, informó que sus ingresos por publicidad crecieron un 45% en la primera mitad de este año.
Las redes de blogs que han sobrevivido a la caída de la publicidad y a la explosión de contenidos rivales en la web lo atribuyen a su cobertura de temas específicos, y a un modelo comercial que va más allá de la publicidad. "Es verdaderamente difícil crear contenidos convincentes que atraigan un público", dijo Sugar.
Los bloggers aficionados concibieron por primera vez la idea de que podían ser redituables en 2002, cuando Nick Denton, ex periodista del Financial Times , inició lo que más tarde se convertiría en Gawker Media. Esta red creció rápidamente hasta convertirse en una usina, que tiene ahora ocho blogs, 20 millones de lectores mensuales y más de 150 empleados. Cuando Jason Calacanis vendió su red de blogs, Weblogs Inc., a AOL por una cifra, según se dice, de 25 millones de dólares en 2005, la idea de que los blogs eran un negocio se estableció definitivamente.
Hoy, las redes de blogs oscilan entre las grandes, como Gawker y Sugar, hasta otras más pequeñas y específicas, como The Bussiness Insider, Venture Beat y GigaOm Network, que se dedican a cubrir temas de negocios y de tecnología.
Los blogs de Sugar -con nombres como PopSugar (chismes sobre famosos), BellaSugar (sobre belleza) y LilSugar (para madres)- están editados y diseñados apuntando a un público de mujeres de 28 años promedio. Curbed publica blogs inmobiliarios, gastronómicos, de compras y turismo en Nueva York, Los Angeles y San Francisco.
Esa cobertura exhaustiva apunta a que los lectores entren al sitio muchas veces por día, algo que a su vez atrae a los anunciantes.
Las redes de blogs también han tenido que cambiar los contenidos que publican. Aunque muchos empezaron publicando comentarios sobre otros sitios web, ahora hay tanto material online que deben ofrecer contenidos originales para ser tomados en cuenta. Muchos han empezado a competir con los periódicos locales en las primicias informativas.
Cuando los blogs de Gawker consiguen contenidos exclusivos, como videos, su tráfico puede llegar a multiplicarse por cien. "Las primicias reditúan", dijo Denton.
Traducción de Mirta Rosenberg
A paso lento, pero decidido, en la Argentina
* "Los anunciantes al principio reaccionan con temor porque se trata de un terreno difícil", dijo a LA NACION Leandro Zanoni, periodista, autor del libro El imperio digital y creador de la primera agencia publicitaria argentina de nuevos medios, Tercer Click, que desde hace dos años pauta en 50 blogs la publicidad para importantes empresas. "Los blogs son una oportunidad fenomenal que tiene el anunciante para llegar directamente a la persona a la que quiere dirigir su mensaje", dijo Zanoni, y agregó que en la Argentina este negocio está creciendo junto a los bloggers, de los que dice que son cada vez más profesionales.