headline photo

Entradas populares

Agregar meta para facebook a nuestro blog sin error linter

jueves, 23 de junio de 2011

Actualizado 18 de agosto del 2011 
Esto es primordial a la hora de que los robots de facebook (linter) recogen datos de nuestro blog, como muchos tienen problemas para esto a la hora de comprobar sus url en este post les enseñare como se coloca de manera fácil todos los metas! Aquí pueden comprobar en que estado están los metas de tu blog http://developers.facebook.com/tools/lint/ Nos vamos a blogger > Diseño > Edición HTML : Bueno comenzásemos buscando <html ....>(por lo general esta por la tercera o cuarta linea del código en blogger) y y lo reemplazamos por este código <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://www.facebook.com/2008/fbml' xmlns:og='http://ogp.me/ns#'> Ahora de nuevo Ctrl+F y buscamos </head>arriba de el pegamos lo siguiente (lo que esta de verde se cambia)

<!-- Facebook open graph -->  
 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='&quot; &quot; + data:blog.pageName' property='og:title'/>  
<meta content='article' property='og:type'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'> 
<meta expr:content='data:blog.pageName + &quot; posts&quot;' property='og:title'/>  
<meta content='article' property='og:type'/>  
</b:if> 
<b:if cond='data:blog.pageType == &quot;index&quot;'> 
<meta content=' titulo del blog ' property='og:title'/>  
<meta content='blog' property='og:type'/>  
<meta content=' descripción de la pagina principal del blog(nada que ver con articulos) ' property='og:description'/>  
<meta content='imagen de tu blog' property='og:image'/>
</b:if> 
 
<meta expr:content='data:blog.url' property='og:url'/>  
<meta content=' nombre de tu blog ' property='og:site_name'/>
<meta content='Id de tu aplicacion facebook' property='fb:app_id'/> <meta content='el id de tu cuenta facebook' property='fb:admins'/> 
<!-- Facebook open graph -->
y lo guardas.
Para la meta de descripción es un poco mas amplio pero también es importante y mucho a a la hora que publiques tu url como enlace en facebook acá te dejo la url de mi otro post donde te explico paso a paso
http://blogyface.blogspot.com/2011/06/como-poner-descripcion-de-enlaces.html * Si a la hora de comprobar con el linter te sale error de id de aplicación es por que te falta configurar tu aplicación facebook en sitio web.
Como en la imagen

Comentar es agradecer

Leer más...

Como cambiar el icono blogger

lunes, 20 de junio de 2011

Primero
Nos dirigimos a panel de control > Diseño > Edición HTML

Segundo
Buscamos </head> y arriba de el pegamos el siguiente codigo:

<link href='
url de tu imagen .ico' rel='shortcut icon' type='image/x-icon'/>

*pixeles de la imagen 16*16 
Para convertir imágenes normales en iconos(ico) pueden hacerlo en la siguiente pagina http://favicon.htmlkit.com/favicon/ 


Leer más...

Cuentas Premuim megaupload, megavideo, fileserve, rapidshare. 27 junio 2011

domingo, 19 de junio de 2011

Hoy llego con una importante noticia,no solo para mi si no para muchos que buscan siempre descargar como premium, creanme no se arrepentiran de haber seguido estos pasos.


Primero 
Nos inscribimos en http://www.debridns.com para crear nuestra cuenta, como toda cuenta una vez inscrito nos vamos al correo y activamos nuestra cuenta.


Segundo
Configuramos el DNS de nuestra PC. 

1.Ir a Panel de control (Inicio / Panel de control)
2.Ir a la red y de Internet
3.Ir al Centro de redes y recursos compartidos
4.Haga clic en Cambiar configuración del adaptador (a la izquierda)
5. Haga clic derecho sobre la conexión activa y vaya a Propiedades
6.Haga doble clic en Protocolo de Internet versión 4 (TCP/IPv4)
7.Compruebe Usar las siguientes direcciones de servidor DNS e introduzca el DNS siguientes:

Preffered servidor DNS: 85.17.255.198
Servidor DNS alternativo: 46.19.33.120
8.Puede hacer clic en Aceptar y cierre todas las
9.Sólo tienes que reiniciar el navegador



Aqui con Imágenes :


Una vez terminado tienes que mantener abierta la la pagina en la que nos inscribimos.


No malogra la coneccion a Internet. Probado con internet win7, chrome.


Aca les mando un pantallazo de como queda en megaupload


Leer más...

Como poner descripción de enlaces blogger en facebook

sábado, 11 de junio de 2011

Bueno regreso con un nueva entrada  acerca de como unir el facebook y el blogger, muchos tenemos el inconveniente que cuando publicamos los link de nuestro blog en el facebook en la descripción siempre nos sale lo mismo para todas las entradas, en muchas paginas que vi comentaban q les salia error por eso me atreví a crear esta entrada por que yo tengo en funcionamiento este método y me va muy bien espero poder ayudarlos aquí les muestro  un ejemplo de como aparecían antes los enlaces de mi blog en facebook. 
imagen(clic para agrandar)
Lo que tenemos que hacer para que nos muestre un Titulo y una parte de nuestro contenido en los enlaces de facebook se muestren automáticamente, tienen que seguir los siguientes pasos (no duden todo lo que publico esta comprobado por mi). 
Importante: hagan su copia de seguridad antes de comenzar tal vez se equivocan en uno de los pasos.  

Primero.
Entramos a blogger > diseño > edición html > activamos la casilla expandir plantillas de artilugios.


Presionamos ctrl+F y buscamos  <head> debajo de el insertamos el siguiente código.


 <b:include data='blog' name='all-head-content'/>
   <b:if cond='data:blog.pageName == &quot;&quot;'>
    <title><data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    </b:if>


Segundo

Presionamos control+f y buscamos <data:post.body/> y arriba de el pegamos 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.snippet'>
<meta expr:content='data:post.snippet' name='description'/>
</b:if>
</b:if
>


y guardamos.


Tercero 

Volvemos a Buscar  <data:post.body/> y le agregamos <p></p> de manera que quede así:

<p> <data:post.body
/> </p>


y lo guardamos. 
Aquí les dejo una imagen de como queda

Para ver los cambios publiquen un enlace que no publicaste recientemente.

Leer más...

Crear pestaña iframe en facebook con app

viernes, 10 de junio de 2011

Facebook va dejar el código fbml por html atreves de los iframe mejor dicho, las pestañas iframe van a ser una forma más fácil de insertar código html en nuestras páginas Facebook.

Comencemos creando una aplicación facebook

Primero:

Creamos un index.html en un hosting  que a ti te convenga  (Yo uso miarroba  http://hosting.miarroba.com/) y si van a usar  un hosting gratuito de preferencia que sea sin publicidad. 
En el nombre de tu página te recomiendo no poner nombres ofensivos o racistas ya que Facebook lo reconoce y no t dejara publicar.

Segundo:

El código que tendrá tu index.html será este, después lo modificas pero sin cambiar el width.(plantilla pestaña)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style>
.container {
width:495px;
height:600px;
display:block;
background:red no-repeat left top;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}
.mensaje {
text-align:center;
font-size:30px;
font-weight:bold;
padding-top:10px;
}
#mensaje1 {
text-align:center;
font-size:15px;
font-weight:bold;
padding-top:0px;
}
.url {
color:#B36B00;
font-size:25px;
text-align:center;
padding-top:20px;
}
</style>
</head>
<body>
<img src='http://2.bp.blogspot.com/-EtGsjqC5QyI/TfG1CMzNYrI/AAAAAAAAAFc/gh9bEpLtG-s/s1600/cab.png' >
<div class="container">
<div class="mensaje">BIENVENIDOS</div>
<div class="mensaje">DALE UN ME GUSTA Y VISITA NUESTRO BLOG</div>
<div class="url"><a href="http://elpuenteaxel.blogspot.com/" target="_blank">http://elpuenteaxel.blogspot.com/</a></div>
<div class="mensaje1"></div>
<div class="url">facebook.com/Elpuenteaxel</div>
</div> 
</body> 
</html>

Pueden ver un ejemplo de cómo queda AQUI 

Tercero:

Como tercer paso crearemos un aplicación facebook, para eso nos  dirigimos a la página de desarrolladores https://www.facebook.com/developers/  y  hacemos clic en crear aplicación.
Llena los datos y acepta  las  condiciones de facebook.

Tal como se muestra en la siguiente imagen (clic para agrandar)


Luego copias la captcha  y aceptas.



Cuarto:

Ahora configuraremos la aplicación: En acerca de:

Tal como se muestra en la siguiente imagen (clic para agrandar)

En Sitio Web:
En site URL  solo pones la url de la página que creamos para hospedar nuestra pestaña de la página de Facebook
Tal como se muestra en la siguiente imagen (clic para agrandar)

Integración con Facebook:
En canvas URL: ponemos nuevamente la url sin el  index.html (Ejemplo: http://teloenvio.webcindario.com/ )
Tamaño Iframe: Autoajustar
En url de pestaña: Solo ponemos  en  nombre con que guardamos  que en este ejemplo es index.html (Ejemplo: index.html) 
Facebook  lo va reconocer automáticamente una vez guardado.

Tal como se muestra en la siguiente imagen (clic para agrandar)








Ahora Guardamos y terminamos con la aplicación.

Quinto :

Ahora nos dirigimos a Regresar a mis Apps.
Seleccionamos nuestra aplicación y hacemos clic en  pagina de perfil de la aplicación.

Tal como se muestra en la siguiente imagen (clic para agrandar)


Una vez en el perfil nos vamos a agregar a mi página.

Tal como se muestra en la siguiente imagen (clic para agrandar)

Y terminamos  el resultado es esto.

Tal como se muestra en la siguiente imagen (clic para agrandar)


Esta es una de mis otras paginas


Para Solucionar  el problema del  scrollbars en la pestaña de iframe de facebook facebook.
Buscamos  del código que les di anteriormente <body> y lo reemplazamos por :

<apex:page> 
 <body style="overflow: hidden"> 
  <div id="fb-root"></div> 
  <script> 
    window.fbAsyncInit = function() { 
   FB.Canvas.setAutoResize(); 
    }; 
    (function() { 
   var e = document.createElement('script'); e.async = true; 
   e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; 
   document.getElementById('fb-root').appendChild(e); 
    }()); 
  </script>

Ahora buscamos  </body> y de  bajo de esto pegamos :

</apex:page>

Y el problema quedo solucionado.




Leer más...

Crear una pagina en Facebook


Primero:

Ingresamos a  http://www.facebook.com/pages/create.php  una vez  dentro escogemos el tipo de página que deseas crear puede ser Lugar o negocio local, Empresa, organización o institución, Marca o producto, Artista, grupo de música o personaje público, etc.  Y  llenamos los datos que nos pide.
Tal como se muestra en la siguiente imagen (clic para agrandar)

Segundo:
Ya creada nuestra página nos vamos a editar y agregamos más información sobre nuestra página.
Tal como se muestra en la siguiente imagen (clic para agrandar)



Para URL corta debes tener primero mas de 25 seguidores y quede asi.
http://www.facebook.com/nombre_de_tu_empresa_o_blog


¿Por qué es bueno crear una página facebook a nuestro negocio o web?
1 - Facilidad de vinculación: Desde tu página de fans enlazas directamente tu website.
2 – Los Fans se aprueban solos: La gente puede a ser seguidora de tu página en Facebook sin tener que ser aprobada primero.
3 – Ilimitada cantidad de fans: Puedes tener una cantidad ilimitada de aficionados.
4 - Comunidad: Debido a que los fans pueden hacer comentarios sobre tus posts, se crea un sentido de comunidad en donde pueden compartir sus pensamientos y opiniones.
5 – Lista de correo instantánea: Puedes instantáneamente enviar una actualización a todos los fans.
6 – Divulgación diaria: La gente se conecta y revisa Facebook todos los días.
7 - Relevancia y Control: Te permite mantener las comunicaciones de negocios en tu página de fans y las actualizaciones personales en tu página personal.
8 - Mayor exposición: Las páginas de fans son públicas.
9 – Marketing Viral: Aun si tus fans no toman la iniciativa de recomendar tu página entre su red de amigos y conocidos, en los perfiles personales de todos tus fans se va a ver tu página.
10 – Toma precauciones para que no te cierren la cuenta: Los Términos y Condiciones de uso de Facebook explican que cualquier uso comercial de una cuenta personal es motivo para su desactivación.

Leer más...