Como añadir el botón “I like” de facebook en tu página web

Uno de los últimos cambios de Facebook es permitir a los creadores web insertar un botón de “i like” en su página web.

Vamos a ver cómo hacerlo y qué implica.

Insertar el botón es muy sencillo. Vamos a explciarlo paso a paso:

Primero hay que ir a esta URL de facebook y rellenar el campo “URL to Like” (es decir, la URL de tu sitio web).

Este simple formulario genera un código HTML

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.top-rankin.com&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:px"></iframe>

que insertaremos en nuestra página web. Por ejemplo, en este blog de WordPress está insertado como widget tipo “texto” en la barra lateral. Si os fijais el height del iframe está en blanco. Es recomendable darle un valor, en mi caso, de 24px.

¿Qué genera esto?

Una vez insertado, veremos el botón de “I Like” en la web.

Via: Añadir el botón “I like” de facebook en tu página web

Como colocar el Google Analytics en una web de DotNetNuke

La forma tradicional es esta:



Y la forma simplificada para el DotNetNuke 5 website

Como Agregar el Like de Facebook en tu post de Blogger

Para revisar mejor visita el link http://www.allblogtools.com/tricks-and-hacks/add-facebook-like-button-for-blogger-blogspot-and-customize-it/

few days ago, face book surprised us by launching a lot of social plugins, one of them, actually the most popular one yet is the famous like button,

In this tutorial you’ll learn how to add it to your blogger blog.

and you’ll learn how to customize

• change the verb, like or recommend.


• change it’s color.


• change it’s font.

Step 1. adding it to your template.

The button code,

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:100px;'/>
</b:if>

where to add it ?

Log into your blogger account, then go to Layout >> Edit Html.

Before doing any thing you must check Expand Widget Templates box.

And find the next Code

<div class='post-header-line-1'/>

And after it, paste your button code

What, If you didn’t find the code above in your template, The try to find the following,

<data:post.body/>

And paste the button code Before it.

click Save Template and you are done.

Step 2. Customize your button & Demo.

in the above code you can customize 3 parts. and i’ve colored them to make it easy for you to recognize,

in the above code change the following parts,

• like this part controls the verb that appear on your button, keep it as you see or change it to recommend if you want.


• arial this part controls the font type, keep it or change it to one of the following,
  
  

  lucida+grande
  
  segoe+ui
  
  tahoma
  
  trebuchet+ms
  
  verdana
  

• light this part controls your button color theme, and you have three options, light, evil, or dark



• Update, How to make it appear on your home page.

in the button code there are two parts you’ll need to remove to make this button appear on your home page, the first line and the last line, if you still don’t under stand, please see the following parts and delete it before pasting the code to your template,

<b:if cond='data:blog.pageType == &quot;item&quot;'>

</b:if>

I wish you all like it and please leave your comments if you need any help, to see demo for it please click here.

Como Agregar el Like Box a tu Blog de Blogger

SE habran dado cuenta que el metodo de ingresar el Like Box de tu pagina en Facebook a variado un poco, y que el codigo que te da no resulta tan efectivo, asi que te recomendamos hacer el siguiente cambio en el codigo

El Problema es en "profile_id=YOUR_FACEBOOK_PAGE_ID"

Reemplazalo con "profile=1&id=YOUR_FACEBOOK_PAGE_ID"

Blogger estrena un Diseñador de Plantillas Propio

Ya era hora lo que muchos de nosotros estabamos esperando, ahora podremos diseñar o tener blogs mas profesionales diseñandolos nosotros mismos.

Para hacer la prueba de esta nueva funcion puedes hacerlo entrando por Blogger in Draft.

Como poner el Boton de Dacebook en tu blog de Blogger

Es facilisimo solo busca y configura tu codigo en:

http://www.facebook.com/facebook-widgets/share.php

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