A tu hoja de estilo solo tienes que agregar el siguiente codigo. Por ejemplo en este caso tenemos una clase que tiene el nombre comentarios.

.comentarios{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

El numero de pixeles nos indica la intensidad del borde, a mayor el numero el borde redondeado sera mas notorio. Por ultimo te recomiendo el sitio web border-radius.com en el cual puedes ver como varia el efecto de borde redondeado al cambair el numero de pixeles.

Recientemente podemos disfrutar de este juego en facebook y competir con nuestros amigos y comparar nuestro marcador con el de nuestro contactos en la red social.

Con la ayuda de Jeremy Scott adidas creo unas zapatillas inspirados en el juego angrybirds.

angry birds zapatillas

Si administras varias paginas de facebook el tener que publicar las noticias de tus blog en cada pagina, es sin duda desperdiciar el tiempo, cuando existen aplicaciones como RSS Graffiti la cual ayudara a tener una mejor productividad.

RSS Graffiti hace posible que las entradas de nuestros blogs se publiquen de forma automática en las paginas en facebook.

Para ello solo debemos instalar la aplicacion en nuestra cuenta de facebook, vamos a la siguiente direccion http://apps.facebook.com/rssgraffiti/ donde instalamos la aplicacion (le damos autorizacion).

Posteriormente veremos el siguiente panel donde se ve una lista de nuestra paginas. ahi damos el permiso para que la aplicacion pueda realizar las publicaciones de forma automatica.

finalmente ponemos el feed de nuestro blog para que añada nuestras entradas de forma automatica, por defecto la direccion del feed es www.midominio/feed/

Los comentarios en html se escriben de la siguiente forma:

<!-- 
probando..
todo esto es un comentario
-->
/* esto no es comentario  */

En el caso de las hojas de estilo, para hacer un comentario en css, este comienza con ‘/*’ y termina con ‘*/’, ejemplo:

/*======================================
comentarios en Css
======================================*/

Esto ayuda a ahorrar recursos del hostings, y a mi parecer, es una mejor forma de presentar varios articulos a tus visitantes y talvez entren a mas de uno.

Si utilizas wordpress como soporte de tu blog habras notado que hay una seccion que se llama ‘Campo personalizado’ (Custom Field), el cual nos va a ser de mucha utilidad, ya que podemos poner como imagen miniatura fotos que estan almacenadas tanto en nuestro hosting como en un servidor que aloja imagenes de forma gratuita.

Como poner imagenes miniatura en la entrada de tu blog

Para ello creamos un campo personalizado llamado ‘imagen’ donde pondremos la url de la imagen que deseamos que este al costado del extracto (resumen) de la entrada.

posteriormente vamos al index.php o la de tus categorias archive.php de la plantilla de tu tema.

<?php if( get_post_meta($post->ID, "imagen", true) ): ?>
<a href="<?php the_permalink() ?>" >
<img  style="float:left;" src="<?php echo get_post_meta($post->ID, "imagen", true); ?>"  /></a>
<?php else: ?>
<!-- en caso que el campo 'imagen' este vacia saldra la siguiente imagen: -->
<a href="<?php the_permalink() ?>" >
<img style="float:left;" src="<!-- poner una url de una imagen -->"/></a>

<?php endif; ?>

<?php the_excerpt() ?>

si visitas el area de desarrolladores o recursos, de dichas redes sociales, te proporcionaran el codigo para implementarlo en tu pagina web. En este caso vamos a implementar los botones grandes, ya que son los mas llamativos y visibles para tus visitantes.

el codigo de los 3 botones es el siguiente:

Facebook

<!------>
<iframe src="//www.facebook.com/plugins/like.php?href=aquilaurl&amp;send=false&amp;layout=box_count&amp;width=82&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;height=78" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:82px; height:78px;" allowTransparency="true"></iframe>
<!------>

Twitter

<!------>
<code><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

<a href="http://twitter.com/share?url=aquilaurl" rel="nofollow" class="twitter-share-button" data-text="<?php the_title(); ?>" data-count="vertical"  data-lang="es" data-related="yosoyvago">Tweet</a>
<!------>

Google+

<!-- debemos poner el siguiente codigo en la cabecera (al comenzar <body>) -->
<script type="text/javascript">
  window.___gcfg = {lang: 'es-419'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
<!------>

<!-- codigo del boton -->
<g:plusone size="tall" href="aquilaurl"></g:plusone>
<!------>

Agregar botones facebook, twiiter y google+ en wordpress

esta vez colocaremos los botones antes mencionadas en cada una de las entradas de tu blog, solo copia y pega el siguiente codigo en tu web.

Nota: debes ponerlo antes de <?php the_content(); ?> o <?php the_excerpt(); ?> (segun el diseño de tu plantilla).

<div class="sociales" style="background-color:#fff; margin-right:3px;">
				
	<span style="float:right; width:60px; height:72px">
	         <g:plusone size="tall" href="<?php the_permalink() ?>"></g:plusone>
	</span>
				
	<span style="float:right; width:72px; height:76px">
		
	<a href="http://twitter.com/share?url=<?php the_permalink() ?>" rel="nofollow" class="twitter-share-button" data-text="<?php the_title(); ?>" data-count="vertical"  data-lang="es" >Tweet</a>
         <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
		
	</span>
		
	
          <span style="float:right; width:82px; height:74px; text-align:center;margin-top:2px">
		
           <iframe src="//www.facebook.com/plugins/like.php?href=<?php the_permalink()?>&amp;send=false&amp;layout=box_count&amp;width=82&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;height=78" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:82px; height:78px;" allowTransparency="true"></iframe>
		
	</span>
		
		
				
</div>

El resultado es el siguiente:

Si tienes un dominio comprado en godaddy y vas a realizar el traspaso a otra persona de tu cuenta de godaddy a otra cuenta de godaddy, el prodcedimiento es muy sencillo y, lo mejor, no tiene costo alguno.

transferir un dominio de Godaddy a Godaddy

Lo primero que debemos hacer es ir a domain management y buscar el dominio que deseamos tranferir. Posteriormente debemos ponerlo Unlocked.

Luego vamos a account change y ponemos el usuario de la persona que va a ser dueña. En caso que no tenga cuenta en godaddy, ponemos su correo y godaddy se encaragara de crearle una cuenta. Ademas, cabe mencionar que la persona que adquiera el dominio debe confirma la transferencia.

Por ultimo les dejo un video que nos detalla el procedimiento a seguir.

Un blog, o tambien conocido como webblog, es una forma de compartir contenido, ya sea por forma multimedia (fotos y videos), sobre un tema especifica, el cual puede ser experiencias del autor, o incluso un vivencias personales. Ademas, en la mayoria de casos, la persona tiene el control del 100% del sitio.

Si eres una persona que tiene una facilidad en la escritura, el mantenimiento del blog sera muy sencillo. Inclusive, si la escritura no es lo tuyo, los blogs ayudan a mejorar tu redaccion y tu instinto a investigar nuevos temas.

Pasos Para Crear un Blog

Blogger

Los dos gestores de blogs mas conocidos y respetados son sin duda Blogger y WordPress, siendo el primero de la familia de google, solo basta con tener una cuenta de google y podras activar de forma muy sencilla tu cuenta de blogspot.

A continuacion un video, el cual nos muestra paso a paso para tener un blog con blogspot (Blogger).

WordPress

Otro Gestor de Blogs, que para mi es el mejor por si piensas comenzar en el mundo de los blogs, es wordpress. Si ya cuentas con un servidor web, o estas probando un Hosting Gratis sin Publicidad, puedes hacer tu mismo la instalacion de wordpress, en caso contrario, puedes registrarte en www.wordpress.com con ello ya no tendrias que preocuparte sobre la carga del servidor, y puedes analizar las visitas que recibes.

Al igual que Blogger, tambien les dejo un video tutorial que nos muestra lo sencillo que es tener un blog en wordpress.com y sobre todo gratuito.

No esperes mas y comienza a crear contenido, al comienzo, lo de los blogs, puede ser un pasatiempo pero seguramente en un futuro lo tomaras en serio, ya que recuerda, tambien se puede ganar dinero con blogs.

PhP nos permite crear contenido dinamico, procesar la información de formularios, enviar y recibir cookies y muchas cosas mas. Luego de saber que es html y sus conceptos basicos el siguiente paso, si queremos elaborar una pagina web dinamica, es necesario conocer los aspectos basicos de la programacion en php, ya que este se puede integrar con las etiquetas de html y conectar a una base de datos mysql.

Para poder programar en php necesitamos de un hosting, o un servidor web local, en caso que no cuentes con ninguno te invito a visitar el manual de instalacion servidor local.

Mi Primer Programa con PHP

En caso que tengas conocimiento de programacion en c++ u otro lenguaje esto se te hara muy sencillo solo basta con conocer la sintaxis. Nuestro primer programa en php sera escribir el exto ‘Hola Mundo’ , cada vez que programemos en php debemos poner el codigo dentro de la siguiente etiqueta: <?php ?>.

<?php echo"hola mundo"; ?>

echo es una funcion de php que imprime todo lo que halla dentro. Cada vez que se termina una linea de programacion se pone el punto y coma ;

Variables en PHP

Si has programado en c++ algo que tienes que hacer, cada vez que uses une variable, primero es declarar de que tipo (sea entero, char, float …) esto no sucede en php. Para asignar una variable se antepone el signo ‘$’.

Asignacion de Valores a Variables

<?php
$entero=123;  //numero entero
$float=4.145; //numero decimal
&cadena='hola mundo'; // cadena

//vectores
$vector[0]="Idea";
$vector[1]="Web";
$vector[]="tecnologia"; // asigna a la casilla vector[2] el valor de "tecnologia";

//uniendo valores
echo $vector[0]." y ".$vector[1]; // imprime Idea y Web

?>

para asignar una variable solo se antepone el signo ‘$’ a

Operadores Aritmeticos en PHP

supongamos que tenemos dos variables $a y $b con los valores de 5 y 3 respectivamente. Procederemos ha realizar las operacion aritmeticas.

<?php
$a=5; $b=3;
$c= $a+$b; // $c tiene tiene el resultado de sumar $a+$b que es 8
$c= $a-$b; // $c tiene tiene el resultado de sumar $a-$b que es 2
$a++; // post incremento. Incrementa el valor de $a en 1, ahora vale 6
$b--; // disminuye el valor de $b en 1, ahora vale 2
$++b; pre incremento, aumenta el valor de b, ahora vale 3
?>

Operadores Logicos en PHP

Los operadores Logicos son utilizados fundamentalmente cuando queremos que se cumpla alguna condicion, tambien es usado en bucles repetitivos como en el while ();

<?php
$a && $b // devuelve true si $a y $b es true
$a || $b //  devuelve true si $a o $b es true
!$a // devuelve true si $a es falso
$a xor $b // or exclusivo
?>

Comparaciones en PHP

Las comparaciones se utiliza cuando queremos que se cumpla una condicion (como por ejemplo en if).

<?php
$a == $b; // devuelve true si $a y $b son iguales
$a === $b; //  devuelve true si $a o $b son iguales y del mismo tipo
$a >= $b; // devuelve true $a es mayor o igual a $b
$a <= $b; // devuelve true $a es menor o igual a $b
$a != $b; // devuelve true $a y $b son distintos, tambien se pude poner $a<>$b
?>

HTML es el lenguaje, que la mayoria de sitios webs tiene como base. Gracias a los navegadores webs, como firefox y chrome, que interpretan el codigo html, podemos ver una interfaz amigable para el usuario.

EL lenguaje html esta compuesto fundamentalmente por etiquetas que se escribe entre <> y cada una cumple una funcion unica. cuando se hace uso de alguna etiqueta se debe abrir y cerrar esta misma por ejemplo, para poner un encabezado se usa la etiqueta ‘<H1> </H1>’.

Etiquetas HTML

html posee una gran variedad de etiquetas, aqui definiremos las mas comunes y necesarias.

Estructura de una pagina en HTML

Luego de conocer las etiquetas html veremos la estructura basica de una pagina html, hay que resaltar la ubicacion de las etiquetas html, head, title, body, ya que no pueden ir en otro sitio.

<html>
     <head>
       <title></title>
     </head>
         <body>
            
         </body>
</html>

Mi primera pagina en HTML

Ahora que ya sabemos la estructura de una pagina web y sus principales etiquetas podemos elaborar nuestra primera pagina web desde cualquier editor de texto, les recomiendo notepad++.

<html>
     <head>
       <title>Mi primera pagina web</title>
     </head>
         <body>
            <h1>Encabezado 1<h1>
            <h2>Encabezado 2<h2>
            <p>Hola Mundo!!</p>
            <p>Esta es mi primer sitio web</p>
            <p>Buscador web <a href="http://www.google.com/">google</a></p>
            <p>foto del Machu Picchu<img src="machupicchu.jpg"></br> 
            </p>
             <p>
          <table>
            <tr>
              <td>tabla con una fila y una columna</td>
            </tr>
            <p>

             <p>
               <ul><li>Listado 1</li> <li>Listado 2</li></ul>
             </p>
</table border="1">
         </body>
</html>

Como resultado obtenemos nuestra primera pagina en html donde podemos notar la diferencia cuando usamos las etiquetas.

Espero este articulo te halla servido, ya que es importante conocer el codigo html si es que estas interesado en la creacion de paginas webs.