Escribir en negrita y subrayado en el chat de facebook
Para darle mas estilo al chat de facebook podemos agregarle caritas y estilo de texto; negrita y subrayado.
negrita : *negrita*
subrayado : _subrayado_
negrita y subrayado : *_negrita y subrayado_*
Solicita tu correo facebook
Facebook ha lanzado su propio correo finalmente pero para obtenerlo, por el momento, debes solicitar la invitación; vale aclarar que la respuesta no sera inmediata puesto que se encuentra en plena adaptación.
RESPUESTAS DEL SERVICIO DE AYUDA
No puedes reenviar mensajes desde la bandeja de entrada en este momento ni responder a nadie a través de una cadena de mensajes una vez que éste se ha iniciado.
Actualmente, no es posible dejar de recibir los mensajes de una cadena de la que se forma parte. Por lo tanto, anima a tus amigos a enviar respuestas individuales en lugar de usar el botón “Responder a todos”.
Hay dos formas principales de incluir una foto, un vídeo o un enlace en un mensaje. Cuando estés redactando un mensaje, puedes hacer clic en el botón correspondiente en la sección "Adjuntar" situada debajo del campo "Mensaje". O bien, en cualquier momento que uses nuestra función "Compartir", puedes enviar un mensaje con el enlace al sitio incluido en el mensaje.
Ve a la sección "Información básica del directorio" de la página Configuración de la privacidad . Para ello, sigue estos pasos:
- Haz clic en "Configuración de la privacidad" en el menú desplegable "Cuenta" situado en la parte superior de cualquier página de Facebook.
- Selecciona “Ver configuración” en la sección “Información básica del directorio”.
- Cambia la configuración de “Enviarme mensajes”.
Al hacer clic en este botón se eliminarán las cadenas de mensajes que hayas seleccionado en tu bandeja de entrada y se enviará una notificación a Facebook sobre su contenido. Facebook emplea estas denuncias para evitar que se envíe correo basura en el futuro.
Para ver el historial más reciente de conversación, puedes abrir una ventana de chat con algún amigo. En este momento, no puedes ver conversaciones anteriores ni conversaciones con amigos que no están actualmente conectados.
Para borrar tu historial de chat, haz clic en el enlace "Limpiar el historial del chat" en la parte superior de tu ventana de chat. Aunque el historial de chat se guarda de página a página, e incluso entre inicios de sesión, ten en cuenta que los datos no se registran de forma permanente.
Para borrar tu historial de chat, haz clic en el enlace "Limpiar el historial del chat" en la parte superior de tu ventana de chat. Aunque el historial de chat se guarda de página a página, e incluso entre inicios de sesión, ten en cuenta que los datos no se registran de forma permanente.
Accede a facebook desde tu escritorio en Windows 7
Fishbowl es un cliente de escritorio para Windows 7, con el cual podrás acceder a la red social Facebook sin la necesidad de un navegador web.
Con Fishbowl podrás realizar publicaciones en tu muro, subir imágenes y vídeos, así como visitar el perfil de tus amigos, todo esto desde la comodidad de tu escritorio.
te permitira ver las fotos en diapositivas de forma simple y rápida. conocerás de forma automática nuevas fotos, status de tus amigos y mas
Crear slideshow de imágenes para pagina facebook (fbml)
los slideshow sirven para crear presentaciones mas estéticas con imágenes, 6 en este caso pero puedes agregarle cuantas desees
Para colocar el slideshow debes agregar la aplicación FBML a tu pagina facebook, una vez hecho esto deberás copiar y pegar el código en la aplicación.
este es el primer slideshow de imágenes que les muestro
CODIGO:
<div style="background:url(http://img50.xooimage.com/files/9/3/e/bigpreviewbackground-22d06b5.png) no-repeat left top; width:478px; height:299px; margin:0 0 0 21px;">
<div style="margin:239px 0 0 9px; position:absolute;"><img src="images/bigPreviewTop.png" alt="" /></div>
<div id="photo00" style="padding:9px 0 0 9px;"><img width="460" height="281" id="currentImg" src="http://img53.xooimage.com/files/2/c/1/trucos1-22c0c7c.png" /></div>
<div id="photo01" style="display:none; padding:9px 0 0 9px;"><img width="460" height="281"src="http://img51.xooimage.com/files/2/c/5/trucos2-22c0c8a.png" /></div>
<div id="photo02" style="display:none; padding:9px 0 0 9px;"><img width="460" height="281" src="http://img50.xooimage.com/files/d/0/7/trucos3-22c0c92.png" /></div>
<div id="photo03" style="display:none; padding:9px 0 0 9px;"><img width="460" height="281" src="http://img52.xooimage.com/files/8/d/d/trucos4-22c0c9a.png" /></div>
<div id="photo04" style="display:none; padding:9px 0 0 9px;"><img width="460" height="281" src="http://img51.xooimage.com/files/0/9/d/trucos5-22c0cb5.png" /></div>
<div id="photo05" style="display:none; padding:9px 0 0 9px;"><img width="460" height="281" src="http://img54.xooimage.com/files/7/d/f/trucos6-22c0cbc.png" /></div>
</div>
<div style="padding:10px 0 0 18px;">
<ul style="margin:0; padding:0;">
<li style="list-style:none; display:inline; float:left; padding:0 1px;"><a href="#" clicktoshow="photo00" clicktohide="photo01,photo02,photo03,photo04,photo05"><img width="78" height="78" src="http://img53.xooimage.com/files/2/c/1/trucos1-22c0c7c.png" border="0" alt="thumb 01" /></a></li>
<li style="list-style:none; display:inline; float:left; padding:0 1px;"><a href="#" clicktoshow="photo01" clicktohide="photo00,photo02,photo03,photo04,photo05"><img width="78" height="78" src="http://img51.xooimage.com/files/2/c/5/trucos2-22c0c8a.png" border="0" alt="thumb 02" /></a></li>
<li style="list-style:none; display:inline; float:left; padding:0 1px;"><a href="#" clicktoshow="photo02" clicktohide="photo01,photo00,photo03,photo04,photo05"><img width="78" height="78" src="http://img50.xooimage.com/files/d/0/7/trucos3-22c0c92.png" border="0" alt="thumb 03" /></a></li>
<li style="list-style:none; display:inline; float:left; padding:0 1px;"><a href="#" clicktoshow="photo03" clicktohide="photo01,photo02,photo00,photo04,photo05"><img width="78" height="78" src="http://img52.xooimage.com/files/8/d/d/trucos4-22c0c9a.png" border="0" alt="thumb 04" /></a></li>
<li style="list-style:none; display:inline; float:left; padding:0 1px;"><a href="#" clicktoshow="photo04" clicktohide="photo01,photo02,photo03,photo00,photo05"><img width="78" height="78" src="http://img51.xooimage.com/files/0/9/d/trucos5-22c0cb5.png" border="0" alt="thumb 05" /></a></li>
<li style="list-style:none; display:inline; float:left; padding:0 1px;"><a href="#" clicktoshow="photo05" clicktohide="photo01,photo02,photo03,photo04,photo00"><img width="78" height="78" src="http://img54.xooimage.com/files/7/d/f/trucos6-22c0cbc.png" border="0" alt="thumb 06" /></a></li>
</ul>
</div>
<div style="font-size:10px; text-align:center; padding:10px 0;">Copyright © NOMBRE DE TU PAGINA FACEBOOK | Redesign by <a href="http://cosasparaelface.blogspot.com" title="Trucos Facebook" style="color:#a19b8e;">Trucos Facebook</a></div>
<div style="margin:239px 0 0 9px; position:absolute;"><img src="images/bigPreviewTop.png" alt="" /></div>
<div id="photo00" style="padding:9px 0 0 9px;"><img width="460" height="281" id="currentImg" src="http://img53.xooimage.com/files/2/c/1/trucos1-22c0c7c.png" /></div>
<div id="photo01" style="display:none; padding:9px 0 0 9px;"><img width="460" height="281"src="http://img51.xooimage.com/files/2/c/5/trucos2-22c0c8a.png" /></div>
<div id="photo02" style="display:none; padding:9px 0 0 9px;"><img width="460" height="281" src="http://img50.xooimage.com/files/d/0/7/trucos3-22c0c92.png" /></div>
<div id="photo03" style="display:none; padding:9px 0 0 9px;"><img width="460" height="281" src="http://img52.xooimage.com/files/8/d/d/trucos4-22c0c9a.png" /></div>
<div id="photo04" style="display:none; padding:9px 0 0 9px;"><img width="460" height="281" src="http://img51.xooimage.com/files/0/9/d/trucos5-22c0cb5.png" /></div>
<div id="photo05" style="display:none; padding:9px 0 0 9px;"><img width="460" height="281" src="http://img54.xooimage.com/files/7/d/f/trucos6-22c0cbc.png" /></div>
</div>
<div style="padding:10px 0 0 18px;">
<ul style="margin:0; padding:0;">
<li style="list-style:none; display:inline; float:left; padding:0 1px;"><a href="#" clicktoshow="photo00" clicktohide="photo01,photo02,photo03,photo04,photo05"><img width="78" height="78" src="http://img53.xooimage.com/files/2/c/1/trucos1-22c0c7c.png" border="0" alt="thumb 01" /></a></li>
<li style="list-style:none; display:inline; float:left; padding:0 1px;"><a href="#" clicktoshow="photo01" clicktohide="photo00,photo02,photo03,photo04,photo05"><img width="78" height="78" src="http://img51.xooimage.com/files/2/c/5/trucos2-22c0c8a.png" border="0" alt="thumb 02" /></a></li>
<li style="list-style:none; display:inline; float:left; padding:0 1px;"><a href="#" clicktoshow="photo02" clicktohide="photo01,photo00,photo03,photo04,photo05"><img width="78" height="78" src="http://img50.xooimage.com/files/d/0/7/trucos3-22c0c92.png" border="0" alt="thumb 03" /></a></li>
<li style="list-style:none; display:inline; float:left; padding:0 1px;"><a href="#" clicktoshow="photo03" clicktohide="photo01,photo02,photo00,photo04,photo05"><img width="78" height="78" src="http://img52.xooimage.com/files/8/d/d/trucos4-22c0c9a.png" border="0" alt="thumb 04" /></a></li>
<li style="list-style:none; display:inline; float:left; padding:0 1px;"><a href="#" clicktoshow="photo04" clicktohide="photo01,photo02,photo03,photo00,photo05"><img width="78" height="78" src="http://img51.xooimage.com/files/0/9/d/trucos5-22c0cb5.png" border="0" alt="thumb 05" /></a></li>
<li style="list-style:none; display:inline; float:left; padding:0 1px;"><a href="#" clicktoshow="photo05" clicktohide="photo01,photo02,photo03,photo04,photo00"><img width="78" height="78" src="http://img54.xooimage.com/files/7/d/f/trucos6-22c0cbc.png" border="0" alt="thumb 06" /></a></li>
</ul>
</div>
<div style="font-size:10px; text-align:center; padding:10px 0;">Copyright © NOMBRE DE TU PAGINA FACEBOOK | Redesign by <a href="http://cosasparaelface.blogspot.com" title="Trucos Facebook" style="color:#a19b8e;">Trucos Facebook</a></div>
Debes editar lo que esta en otro color. la primera lista de imágenes (.png) es la misma que la segunda
ejemplo: http://www.facebook.com/trucosfb?v=app_4949752878
Este es otro slideshow creado por webdigi :
CODIGO:
<link href="http://www.webdigi.co.uk/css/fb.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#slideshow_inner a { opacity:0.7; margin: 0 7px; }
#slideshow_inner a:hover { opacity: 1; }
</style>
<div id="slideshow_wrapper" style="width:550px; clear: both; margin-bottom: 20px">
<img id="left_button" src="http://www.webdigi.co.uk/images/facebook/thumbs/prev.png" onclick="goleft(); return false;" style="float: left; display: block; width: 41px; cursor: pointer; opacity: 0.3;" />
<div id="slideshow" style="overflow: hidden; width: 435px; float: left; position:relative; margin-right: 5px">
<div id="slideshow_inner" style="position: relative; width: 1450px">
<a id="slide1" href="http://webdigi.co.uk/portfolio.php#images/portfolio/bnc.jpg" title="Badenoch & Clark Recruitment"><img width=200 height=200 src="http://www.webdigi.co.uk/images/facebook/thumbs/bnc.jpg" onmouseover="portfolioshow('bnc')" /></a>
<a id="slide2" href="http://webdigi.co.uk/portfolio.php#images/portfolio/dwc.jpg" title="DWC Trade Windows"><img width=200 height=200 src="http://www.webdigi.co.uk/images/facebook/thumbs/dwc.jpg" onmouseover="portfolioshow('dwc')" /></a>
<a id="slide3" href="http://webdigi.co.uk/portfolio.php#images/portfolio/otgc.jpg" title="OTGC"><img width=200 height=200 src="http://www.webdigi.co.uk/images/facebook/thumbs/otgc.jpg" onmouseover="portfolioshow('otgc')" /></a>
<a id="slide4" href="http://webdigi.co.uk/portfolio.php#images/portfolio/tellmewi.jpg" title="Home Security"><img width=200 height=200 src="http://www.webdigi.co.uk/images/facebook/thumbs/tellmewi.jpg" onmouseover="portfolioshow('tellmewi')" /></a>
<a id="slide5" href="http://webdigi.co.uk/portfolio.php#images/portfolio/ultimateskills.jpg" title="Ultimate Skills Video"><img width=200 height=200 src="http://www.webdigi.co.uk/images/facebook/thumbs/ultimateskills.jpg" onmouseover="portfolioshow('ultimateskills')" /></a>
<a id="slide6" href="http://webdigi.co.uk/portfolio.php#images/portfolio/wilsonstaff.jpg" title="Information Kiosk"><img width=200 height=200 src="http://www.webdigi.co.uk/images/facebook/thumbs/wilsonstaff.jpg" onmouseover="portfolioshow('wilsonstaff')" /></a>
</div>
</div>
<img id="right_button" src="http://www.webdigi.co.uk/images/facebook/thumbs/next.png" onclick="goright(); return false;" style="float: left; display: block; width: 41px; cursor: pointer;" />
</div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<div id="projectdetails">
<div id="default">
<h3>Usage</h3>
<p>The details of a project are shown when you move over the thumbnails</p>
<p>To see details of the project, please click on the image thumbnail</p>
<p>*Note that facebook security requires users to click first to enable javascript</p>
</div>
<div id="bnc" style="display:none">
<h3>Badenoch & Clark</h3><p>Badenoch & Clark was established in 1980 and is a subsidiary of the Fortune 1000 company MPS Group. Badenoch & Clark is an award winning, international recruitment consultancy with offices in several major cities in England and Scotland. It employs around 350 consultants who provide employment, recruitment and retention consultancy to organisations across England, Scotland and Wales. It's clients range from major multinationals to medium-sized enterprises; from central government and the NHS to housing associations and not-for-profit organisations. Badenoch & Clark specialises in placing professionals into temporary, interim and permanent positions in accounting, finance, banking, financial services, IT, human resources, marketing, procurement, change management, law and the Public Sector.</p><p>They wanted to move away from their existing ASP website and improve their websites in terms of SEO, Content Management, Job management and reporting. We have helped to develop their new website in CakePHP with complete content management and excellent SEO improvements. The search function for jobs incorporates an advanced tree searching to find relevant jobs in the locations mentioned by the job seekers. Also the new the improved site can search through several thousands of jobs in the database and allows the candidates to select multiple jobs and add them to their basket and apply. We have also built the management information system which shows senior management detailed statics of various trends throughout the site.</p><h3>Technologies used</h3><p>PHP, CakePHP, MySQL, AJAX, HTML, CSS, jQuery, Scriptaculous, Content Management System.</p>
</div>
<div id="dwc" style="display:none">
<h3>DWC Trade Windows</h3><p>DWC Trade Windows Ltd is a family owned business and has been successfully trading for 25 years.</p><p>DWC as part of their goal to make buying replacement Windows and Doors easy and stress-free, they wanted to launch an innovative Real Window Quoter. A fully interactive online system that lets users build accurately priced quotes in minutes, without the need for a salesman. </p><p>We have helped DWC build the worlds first online window quoter. Customers can completely customise a window including handles, extenders, cills, vents, frame, glass and finish. The offering is extended to Bay windows, French Quoter, Patio Door Quoter. Once a customer is happy with the customised window / door they can proceed to checkout and complete the purchase. All the orders and quotes flow into the administrator panel and they can see the requirements and fulfil these orders. The administrator adds prices of each individual component to the admin panel and these are used to calculate the final pricing.</p><h3>Technologies used</h3><p>PHP, MySQL, AJAX, HTML, CSS, Protx</p>
</div>
<div id="otgc" style="display:none">
<h3>OTG Communications</h3><p>OTG Communications is a mobile applications development company and we helped them to build the web application part of beeceen </p><p>Beeceen software is a communication platform that uses location based technologies to put users in touch with their area. Unlike web applications some of which have been simply transferred to mobile, being a truly mobile application beeceen offers a unique user experience.</p><ul><li>Track friends and other members of your community on your mobile.</li><li>Post text messages and pictures of your location on a map for others to see.</li><li>Be the first to hear about local news and events taking place near you</li><li>Find out about limited time special product and service offerings at your current location</li><li>Get directions to wherever you need to go and reach your destination fast</li></ul><p>The web application sits on a dedicated server we have setup for OTG communications and it is capable of handling GPS updates from several handsets via GPRS / 3G. Our performance benchmarks show that over 10,000 requests / second were processed by our application to handle the GPS updates. The server also handles messages between friends and also directions to be processed by the server. We have also built a WAP version of the website to be accessible from mobile phones.</p><h3>Technologies used</h3><p>PHP, MySQL (With Replication & Cluster), AJAX, HTML, CSS, jQuery, WAP</p>
</div>
<div id="tellmewi" style="display:none">
<h3>Homecare systems</h3><p>Homecare systems are a leader in innovative wireless home automation system. We helped them build the web application part for TellMeWi</p><p>TellMeWi is a complete wireless and web connected home automation and security management system. The core component of the system is the Home HUB, which contains the processing capability to manage a large number of wireless connected alarm and control devices. These include lighting, thermostats, shutters control and all devices and functions to fully manage home security. These wireless devices can be located up to 150 m indoors and up to an astounding 700 m outdoors. The coverage can be further extended by using the sophisticated and highly secure wireless mesh network </p><p>Our web application provides a portal for these hub owners control devices in their homes from anywhere in the world. We have also built an SMS gateway to allow hub users to also send SMS which will be processed and appropriate command will be sent to the hub in their house in seconds. We have also built a content management system which allows the visitors to their website to view the site in 14 languages and the site is also launched in 15 countries.</p><h3>Technologies used</h3><p> PHP, Zend Framework, MySQL (With Replication & Cluster), AJAX, HTML, CSS, jQuery, SMS gateway, Payment gateways, Content Management System.</p>
</div>
<div id="ultimateskills" style="display:none">
<h3>UltimateSkills</h3><p>UltimateSkills is a Youtube like video sharing site built by us in PHP. It supports all the standard features like uploading videos in all popular formats like MPG, MPEG, VIVO, DCD, VCD, ASF, WMV, Quicktime. Features include social networking, user profile, create channels and groups, cloud tags, polls. The site is also built to work with multiple languages. Registered users can upload video and share with friends or open to rest of the world.</p><h3>Technologies used</h3><p>PHP, Smarty, MySQL, FLV Player, Flash Video, HTML, CSS
.</p>
</div>
<div id="wilsonstaff" style="display:none">
<h3>Wilson</h3><p>Wilson is the world's leading manufacturer of ball sports equipment. Their core sports are tennis, baseball, American football, golf, basketball, softball, badminton and squash. The Wilson business is structured into three business areas: Racquet Sports, Team Sports and Golf.</p><p>We have built a Kiosk application for a promotion of the new range of Wilson golf staff. The Kiosk project is built to run on windows based touch screen kiosk running apache webserver. The application allows users to enter take part in a quick quiz and if they have answered the questions correctly they will be entered into a prize draw. Also includes additional features like spot prizes for every 50th user. The application also allows the administrator to upload data from several Kiosks to a central database server at the end of the campaign / promotion. </p><h3>Technologies used </h3><p>PHP, MySQL, AJAX, HTML, CSS, Opera, Kiosk.</p>
</div>
</div>
<script>
//Script for slideshow
var numslides = 6;
var slidesvisible = 2;
var currentslide = 0;
var slidewidth = 220;
function goright() {
if (currentslide <= (numslides-slidesvisible-1)) {
Animation(document.getElementById('slideshow_inner')).by('right', slidewidth+'px').by('left', '-'+slidewidth+'px').go();
if (currentslide == (numslides-slidesvisible-1)) {
Animation(document.getElementById('right_button')).to('opacity', '0.3').go();
Animation(document.getElementById('left_button')).to('opacity', '1').go();
}
if (currentslide < (numslides-slidesvisible-1)) { Animation(document.getElementById('left_button')).to('opacity', '1').go(); }
currentslide++;
}
}
function goleft() {
if (currentslide > 0) {
Animation(document.getElementById('slideshow_inner')).by('left', slidewidth+'px').by('right', '-'+slidewidth+'px').go();
if (currentslide == 1) {
Animation(document.getElementById('left_button')).to('opacity', '0.3').go();
Animation(document.getElementById('right_button')).to('opacity', '1').go();
}
if (currentslide > 1) { Animation(document.getElementById('right_button')).to('opacity', '1').go(); }
currentslide--;
}
}
</script>
<script>
//This area contains script for project details
function portfolioshow(project)
{
//document.getElementById("projectdetails").
var p = document.getElementById("projectdetails").getChildNodes();
for(var a = 0;a < p.length;a++) {
if(p[a].getTagName().toLowerCase() == 'div') {
p[a].setStyle("display","none");
}
}
document.getElementById(project).setStyle("display","block");
}
</script>
<style type="text/css">
#slideshow_inner a { opacity:0.7; margin: 0 7px; }
#slideshow_inner a:hover { opacity: 1; }
</style>
<div id="slideshow_wrapper" style="width:550px; clear: both; margin-bottom: 20px">
<img id="left_button" src="http://www.webdigi.co.uk/images/facebook/thumbs/prev.png" onclick="goleft(); return false;" style="float: left; display: block; width: 41px; cursor: pointer; opacity: 0.3;" />
<div id="slideshow" style="overflow: hidden; width: 435px; float: left; position:relative; margin-right: 5px">
<div id="slideshow_inner" style="position: relative; width: 1450px">
<a id="slide1" href="http://webdigi.co.uk/portfolio.php#images/portfolio/bnc.jpg" title="Badenoch & Clark Recruitment"><img width=200 height=200 src="http://www.webdigi.co.uk/images/facebook/thumbs/bnc.jpg" onmouseover="portfolioshow('bnc')" /></a>
<a id="slide2" href="http://webdigi.co.uk/portfolio.php#images/portfolio/dwc.jpg" title="DWC Trade Windows"><img width=200 height=200 src="http://www.webdigi.co.uk/images/facebook/thumbs/dwc.jpg" onmouseover="portfolioshow('dwc')" /></a>
<a id="slide3" href="http://webdigi.co.uk/portfolio.php#images/portfolio/otgc.jpg" title="OTGC"><img width=200 height=200 src="http://www.webdigi.co.uk/images/facebook/thumbs/otgc.jpg" onmouseover="portfolioshow('otgc')" /></a>
<a id="slide4" href="http://webdigi.co.uk/portfolio.php#images/portfolio/tellmewi.jpg" title="Home Security"><img width=200 height=200 src="http://www.webdigi.co.uk/images/facebook/thumbs/tellmewi.jpg" onmouseover="portfolioshow('tellmewi')" /></a>
<a id="slide5" href="http://webdigi.co.uk/portfolio.php#images/portfolio/ultimateskills.jpg" title="Ultimate Skills Video"><img width=200 height=200 src="http://www.webdigi.co.uk/images/facebook/thumbs/ultimateskills.jpg" onmouseover="portfolioshow('ultimateskills')" /></a>
<a id="slide6" href="http://webdigi.co.uk/portfolio.php#images/portfolio/wilsonstaff.jpg" title="Information Kiosk"><img width=200 height=200 src="http://www.webdigi.co.uk/images/facebook/thumbs/wilsonstaff.jpg" onmouseover="portfolioshow('wilsonstaff')" /></a>
</div>
</div>
<img id="right_button" src="http://www.webdigi.co.uk/images/facebook/thumbs/next.png" onclick="goright(); return false;" style="float: left; display: block; width: 41px; cursor: pointer;" />
</div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<div id="projectdetails">
<div id="default">
<h3>Usage</h3>
<p>The details of a project are shown when you move over the thumbnails</p>
<p>To see details of the project, please click on the image thumbnail</p>
<p>*Note that facebook security requires users to click first to enable javascript</p>
</div>
<div id="bnc" style="display:none">
<h3>Badenoch & Clark</h3><p>Badenoch & Clark was established in 1980 and is a subsidiary of the Fortune 1000 company MPS Group. Badenoch & Clark is an award winning, international recruitment consultancy with offices in several major cities in England and Scotland. It employs around 350 consultants who provide employment, recruitment and retention consultancy to organisations across England, Scotland and Wales. It's clients range from major multinationals to medium-sized enterprises; from central government and the NHS to housing associations and not-for-profit organisations. Badenoch & Clark specialises in placing professionals into temporary, interim and permanent positions in accounting, finance, banking, financial services, IT, human resources, marketing, procurement, change management, law and the Public Sector.</p><p>They wanted to move away from their existing ASP website and improve their websites in terms of SEO, Content Management, Job management and reporting. We have helped to develop their new website in CakePHP with complete content management and excellent SEO improvements. The search function for jobs incorporates an advanced tree searching to find relevant jobs in the locations mentioned by the job seekers. Also the new the improved site can search through several thousands of jobs in the database and allows the candidates to select multiple jobs and add them to their basket and apply. We have also built the management information system which shows senior management detailed statics of various trends throughout the site.</p><h3>Technologies used</h3><p>PHP, CakePHP, MySQL, AJAX, HTML, CSS, jQuery, Scriptaculous, Content Management System.</p>
</div>
<div id="dwc" style="display:none">
<h3>DWC Trade Windows</h3><p>DWC Trade Windows Ltd is a family owned business and has been successfully trading for 25 years.</p><p>DWC as part of their goal to make buying replacement Windows and Doors easy and stress-free, they wanted to launch an innovative Real Window Quoter. A fully interactive online system that lets users build accurately priced quotes in minutes, without the need for a salesman. </p><p>We have helped DWC build the worlds first online window quoter. Customers can completely customise a window including handles, extenders, cills, vents, frame, glass and finish. The offering is extended to Bay windows, French Quoter, Patio Door Quoter. Once a customer is happy with the customised window / door they can proceed to checkout and complete the purchase. All the orders and quotes flow into the administrator panel and they can see the requirements and fulfil these orders. The administrator adds prices of each individual component to the admin panel and these are used to calculate the final pricing.</p><h3>Technologies used</h3><p>PHP, MySQL, AJAX, HTML, CSS, Protx</p>
</div>
<div id="otgc" style="display:none">
<h3>OTG Communications</h3><p>OTG Communications is a mobile applications development company and we helped them to build the web application part of beeceen </p><p>Beeceen software is a communication platform that uses location based technologies to put users in touch with their area. Unlike web applications some of which have been simply transferred to mobile, being a truly mobile application beeceen offers a unique user experience.</p><ul><li>Track friends and other members of your community on your mobile.</li><li>Post text messages and pictures of your location on a map for others to see.</li><li>Be the first to hear about local news and events taking place near you</li><li>Find out about limited time special product and service offerings at your current location</li><li>Get directions to wherever you need to go and reach your destination fast</li></ul><p>The web application sits on a dedicated server we have setup for OTG communications and it is capable of handling GPS updates from several handsets via GPRS / 3G. Our performance benchmarks show that over 10,000 requests / second were processed by our application to handle the GPS updates. The server also handles messages between friends and also directions to be processed by the server. We have also built a WAP version of the website to be accessible from mobile phones.</p><h3>Technologies used</h3><p>PHP, MySQL (With Replication & Cluster), AJAX, HTML, CSS, jQuery, WAP</p>
</div>
<div id="tellmewi" style="display:none">
<h3>Homecare systems</h3><p>Homecare systems are a leader in innovative wireless home automation system. We helped them build the web application part for TellMeWi</p><p>TellMeWi is a complete wireless and web connected home automation and security management system. The core component of the system is the Home HUB, which contains the processing capability to manage a large number of wireless connected alarm and control devices. These include lighting, thermostats, shutters control and all devices and functions to fully manage home security. These wireless devices can be located up to 150 m indoors and up to an astounding 700 m outdoors. The coverage can be further extended by using the sophisticated and highly secure wireless mesh network </p><p>Our web application provides a portal for these hub owners control devices in their homes from anywhere in the world. We have also built an SMS gateway to allow hub users to also send SMS which will be processed and appropriate command will be sent to the hub in their house in seconds. We have also built a content management system which allows the visitors to their website to view the site in 14 languages and the site is also launched in 15 countries.</p><h3>Technologies used</h3><p> PHP, Zend Framework, MySQL (With Replication & Cluster), AJAX, HTML, CSS, jQuery, SMS gateway, Payment gateways, Content Management System.</p>
</div>
<div id="ultimateskills" style="display:none">
<h3>UltimateSkills</h3><p>UltimateSkills is a Youtube like video sharing site built by us in PHP. It supports all the standard features like uploading videos in all popular formats like MPG, MPEG, VIVO, DCD, VCD, ASF, WMV, Quicktime. Features include social networking, user profile, create channels and groups, cloud tags, polls. The site is also built to work with multiple languages. Registered users can upload video and share with friends or open to rest of the world.</p><h3>Technologies used</h3><p>PHP, Smarty, MySQL, FLV Player, Flash Video, HTML, CSS
.</p>
</div>
<div id="wilsonstaff" style="display:none">
<h3>Wilson</h3><p>Wilson is the world's leading manufacturer of ball sports equipment. Their core sports are tennis, baseball, American football, golf, basketball, softball, badminton and squash. The Wilson business is structured into three business areas: Racquet Sports, Team Sports and Golf.</p><p>We have built a Kiosk application for a promotion of the new range of Wilson golf staff. The Kiosk project is built to run on windows based touch screen kiosk running apache webserver. The application allows users to enter take part in a quick quiz and if they have answered the questions correctly they will be entered into a prize draw. Also includes additional features like spot prizes for every 50th user. The application also allows the administrator to upload data from several Kiosks to a central database server at the end of the campaign / promotion. </p><h3>Technologies used </h3><p>PHP, MySQL, AJAX, HTML, CSS, Opera, Kiosk.</p>
</div>
</div>
<script>
//Script for slideshow
var numslides = 6;
var slidesvisible = 2;
var currentslide = 0;
var slidewidth = 220;
function goright() {
if (currentslide <= (numslides-slidesvisible-1)) {
Animation(document.getElementById('slideshow_inner')).by('right', slidewidth+'px').by('left', '-'+slidewidth+'px').go();
if (currentslide == (numslides-slidesvisible-1)) {
Animation(document.getElementById('right_button')).to('opacity', '0.3').go();
Animation(document.getElementById('left_button')).to('opacity', '1').go();
}
if (currentslide < (numslides-slidesvisible-1)) { Animation(document.getElementById('left_button')).to('opacity', '1').go(); }
currentslide++;
}
}
function goleft() {
if (currentslide > 0) {
Animation(document.getElementById('slideshow_inner')).by('left', slidewidth+'px').by('right', '-'+slidewidth+'px').go();
if (currentslide == 1) {
Animation(document.getElementById('left_button')).to('opacity', '0.3').go();
Animation(document.getElementById('right_button')).to('opacity', '1').go();
}
if (currentslide > 1) { Animation(document.getElementById('right_button')).to('opacity', '1').go(); }
currentslide--;
}
}
</script>
<script>
//This area contains script for project details
function portfolioshow(project)
{
//document.getElementById("projectdetails").
var p = document.getElementById("projectdetails").getChildNodes();
for(var a = 0;a < p.length;a++) {
if(p[a].getTagName().toLowerCase() == 'div') {
p[a].setStyle("display","none");
}
}
document.getElementById(project).setStyle("display","block");
}
</script>
Lo que esta en otro color es para editar, lo que esta en verde es el link a donde nos llevara al hacer clic en la correspondiente imagen
ejemplo: http://www.facebook.com/trucosfb?v=app_11007063052
slideshow vertical:
<div style="float:left;
padding-left:10px;">
<div id="photo00"><img id="currentImg" src="http://img54.xooimage.com/files/d/6/f/trucosfacebookazul-22aebec.png" /></div>
<div id="photo01" style="display:none;"><img width="329" height="488" src="http://img54.xooimage.com/files/8/e/7/trucosfacebookamarillo-22aebf7.png" /></div>
<div id="photo02" style="display:none;"><img width="329" height="488" src="http://img53.xooimage.com/files/7/3/8/trucosfacebookverde-22aec25.png" /></div>
<div id="photo03" style="display:none;"><img width="329" height="488" src="http://img53.xooimage.com/files/8/c/8/trucosfacebookrojo-22aec18.png" /></div>
<div id="photo04" style="display:none;"><img width="329" height="488" src="http://img51.xooimage.com/files/6/f/c/trucosfacebookrosa-22aec1e.png" /></div>
<div id="photo05" style="display:none;"><img width="329" height="488" src="http://img51.xooimage.com/files/3/3/b/trucosfacebookceleste-22aec01.png" /></div>
<div id="photo06" style="display:none;"><img width="329" height="488" src="http://img53.xooimage.com/files/2/c/1/trucosfacebooknegro-22aec10.png" /></div>
</div>
<div style="margin:0 0 0 365px;
padding:0;">
<ul>
<li><a href="#" clicktoshow="photo00" clicktohide="photo01,photo02,photo03,photo04,photo05,photo06"><img width="140" height="68" src="http://img52.xooimage.com/files/a/7/b/trucosfacebookazul2-22aec2d.png" /></a></li>
<li><a href="#" clicktoshow="photo01" clicktohide="photo00,photo02,photo03,photo04,photo05,photo06"><img width="140" height="68" src="http://img51.xooimage.com/files/1/a/b/trucosfacebookamarillo2-22aec35.png" /></a></li>
<li><a href="#" clicktoshow="photo02" clicktohide="photo01,photo00,photo03,photo04,photo05,photo06"><img width="140" height="68" src="http://img52.xooimage.com/files/9/8/8/trucosfacebookverde2-22aec5e.png" /></a></li>
<li><a href="#" clicktoshow="photo03" clicktohide="photo01,photo02,photo00,photo04,photo05,photo06"><img width="140" height="68" src="http://img52.xooimage.com/files/f/a/3/trucosfacebookrojo2-22aec49.png" /></a></li>
<li><a href="#" clicktoshow="photo04" clicktohide="photo01,photo02,photo03,photo00,photo05,photo06"><img width="140" height="68" src="http://img53.xooimage.com/files/4/0/7/trucosfacebookrosa2-22aec54.png" /></a></li>
<li><a href="#" clicktoshow="photo05" clicktohide="photo01,photo02,photo03,photo04,photo00,photo06"><img width="140" height="68" src="http://img54.xooimage.com/files/e/b/8/trucosfacebookceleste2-22aec3c.png" /></a></li>
<li><a href="#" clicktoshow="photo06" clicktohide="photo01,photo02,photo03,photo04,photo05,photo00"><img width="140" height="68" src="http://img53.xooimage.com/files/a/d/6/trucosfacebooknegro2-22aec40.png" /></a></li>
</ul>
</div>
</div>
<div style="height:37px;color:#808080;font-size:10px;text-align:center;padding:10px 0 0 0;">
Copyright © 2010 (NOMBRE DE TU PAGINA FACEBOOK) <br />
Redesign by <a href="http://cosasparaelface.blogspot.com">TRUCOS FACEBOOK</a>
</div>
</div>
padding-left:10px;">
<div id="photo00"><img id="currentImg" src="http://img54.xooimage.com/files/d/6/f/trucosfacebookazul-22aebec.png" /></div>
<div id="photo01" style="display:none;"><img width="329" height="488" src="http://img54.xooimage.com/files/8/e/7/trucosfacebookamarillo-22aebf7.png" /></div>
<div id="photo02" style="display:none;"><img width="329" height="488" src="http://img53.xooimage.com/files/7/3/8/trucosfacebookverde-22aec25.png" /></div>
<div id="photo03" style="display:none;"><img width="329" height="488" src="http://img53.xooimage.com/files/8/c/8/trucosfacebookrojo-22aec18.png" /></div>
<div id="photo04" style="display:none;"><img width="329" height="488" src="http://img51.xooimage.com/files/6/f/c/trucosfacebookrosa-22aec1e.png" /></div>
<div id="photo05" style="display:none;"><img width="329" height="488" src="http://img51.xooimage.com/files/3/3/b/trucosfacebookceleste-22aec01.png" /></div>
<div id="photo06" style="display:none;"><img width="329" height="488" src="http://img53.xooimage.com/files/2/c/1/trucosfacebooknegro-22aec10.png" /></div>
</div>
<div style="margin:0 0 0 365px;
padding:0;">
<ul>
<li><a href="#" clicktoshow="photo00" clicktohide="photo01,photo02,photo03,photo04,photo05,photo06"><img width="140" height="68" src="http://img52.xooimage.com/files/a/7/b/trucosfacebookazul2-22aec2d.png" /></a></li>
<li><a href="#" clicktoshow="photo01" clicktohide="photo00,photo02,photo03,photo04,photo05,photo06"><img width="140" height="68" src="http://img51.xooimage.com/files/1/a/b/trucosfacebookamarillo2-22aec35.png" /></a></li>
<li><a href="#" clicktoshow="photo02" clicktohide="photo01,photo00,photo03,photo04,photo05,photo06"><img width="140" height="68" src="http://img52.xooimage.com/files/9/8/8/trucosfacebookverde2-22aec5e.png" /></a></li>
<li><a href="#" clicktoshow="photo03" clicktohide="photo01,photo02,photo00,photo04,photo05,photo06"><img width="140" height="68" src="http://img52.xooimage.com/files/f/a/3/trucosfacebookrojo2-22aec49.png" /></a></li>
<li><a href="#" clicktoshow="photo04" clicktohide="photo01,photo02,photo03,photo00,photo05,photo06"><img width="140" height="68" src="http://img53.xooimage.com/files/4/0/7/trucosfacebookrosa2-22aec54.png" /></a></li>
<li><a href="#" clicktoshow="photo05" clicktohide="photo01,photo02,photo03,photo04,photo00,photo06"><img width="140" height="68" src="http://img54.xooimage.com/files/e/b/8/trucosfacebookceleste2-22aec3c.png" /></a></li>
<li><a href="#" clicktoshow="photo06" clicktohide="photo01,photo02,photo03,photo04,photo05,photo00"><img width="140" height="68" src="http://img53.xooimage.com/files/a/d/6/trucosfacebooknegro2-22aec40.png" /></a></li>
</ul>
</div>
</div>
<div style="height:37px;color:#808080;font-size:10px;text-align:center;padding:10px 0 0 0;">
Copyright © 2010 (NOMBRE DE TU PAGINA FACEBOOK) <br />
Redesign by <a href="http://cosasparaelface.blogspot.com">TRUCOS FACEBOOK</a>
</div>
</div>
edita lo que se encuentra en otro color
Ejemplo: http://www.facebook.com/trucosfb?v=app_10442206389
(en días agrego otro)
IMÁGENES FACEBOOK | soy linda/o ..?
Recorda hacerle clic sobre la imagen para que se abra en una nueva ventana y así la guardas en su tamaño original.. subila a facebook y etiqueta a tus amigos :)
Actualizar estado sin estar en facebook
Puedes actualizar tu estado sin entrar al sitio de facebook por medio de HELLOTEXT .
Debes logearte en el sitio con tu cuenta facebook, eliges una contraseña y listo, ya puedes empezar a actualizar tu estado sin estar en facebook
cuando estés en el sitio veras el muro como si estuvieras en facebook, donde podrás actualizar pero también veras las actualizaciones de tus amigos, fotos, vídeos, aplicaciones que usen, etc.
En la parte superior veras la barra para actulizacion de estado
Agregar scribd a pagina facebook (FBML)
Para agregar el scribd debes agregar la aplicación FBML a tu pagina facebook, una vez hecho esto deberás copiar y pegar el código en la aplicación.
Puedes agregar tu archivo scribd a tu pagina facebook como un swf. cuando ya tienes tu archivo scribd debes obtener el codido html, como por ejemplo:
de este código solo usaremos el value=document_id=40265179&access_key=key-17thd6j893absr6cnsul&page=1&viewMode=slideshow que colocaremos en el siguiente codigo como flashvars
En fbml debemos colocar este código:
(donde dice htt://IMAGEN.png debes colocar la imagen que desees)
y quedara así:
Puedes agregar tu archivo scribd a tu pagina facebook como un swf. cuando ya tienes tu archivo scribd debes obtener el codido html, como por ejemplo:
<a title="View Prospecto UTE on Scribd" href="http://www.scribd.com/doc/40265179/Prospecto-UTE" style="margin: 12px auto 6px auto; font-family: Helvetica,Arial,Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; display: block; text-decoration: underline;">Prospecto UTE</a> <object id="doc_425698070363479" name="doc_425698070363479" height="500" width="100%" type="application/x-shockwave-flash" data="http://d1.scribdassets.com/ScribdViewer.swf" style="outline:none;" > <param name="movie" value="http://d1.scribdassets.com/ScribdViewer.swf"> <param name="wmode" value="opaque"> <param name="bgcolor" value="#ffffff"> <param name="allowFullScreen" value="true"> <param name="allowScriptAccess" value="always"> <param name="FlashVars" value="document_id=40265179&access_key=key-17thd6j893absr6cnsul&page=1&viewMode=slideshow"> <embed id="doc_425698070363479" name="doc_425698070363479" src="http://d1.scribdassets.com/ScribdViewer.swf?document_id=40265179&access_key=key-17thd6j893absr6cnsul&page=1&viewMode=slideshow" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="500" width="100%" wmode="opaque" bgcolor="#ffffff"></embed> </object>
de este código solo usaremos el value=document_id=40265179&access_key=key-17thd6j893absr6cnsul&page=1&viewMode=slideshow que colocaremos en el siguiente codigo como flashvars
En fbml debemos colocar este código:
<fb:swf swfsrc="http://d1.scribdassets.com/ScribdViewer.swf"
width="520" height="500"
flashvars="document_id=40265179&access_key=key-17thd6j893absr6cnsul&page=1&viewMode=slideshow" imgsrc="http://IMAGEN.png"> </fb:swf>
width="520" height="500"
flashvars="document_id=40265179&access_key=key-17thd6j893absr6cnsul&page=1&viewMode=slideshow" imgsrc="http://IMAGEN.png"> </fb:swf>
(donde dice htt://IMAGEN.png debes colocar la imagen que desees)
y quedara así:
IMÁGENES FACEBOOK | tu me haz..?
Recorda hacerle clic sobre la imagen para que se habra en una nueva ventana y así la guardas en su tamaño original.. subila a facebook y etiqueta a tus amigos :)
Nombre de usuario en facebook
En Facebook, puedes escoger un nombre de usuario para personalizar tu URL (dirección de internet). Cuando veas tu perfil o página, este nombre aparecerá en la barra de direcciones de tu navegador después de "http://www.facebook.com/".
Puedes cambiar tu nombre de usuario en la pestaña Configuración de la página "Configuración de la cuenta". Desplázate hasta "Nombre de usuario" y haz clic en "Cambiar". A continuación, sigue las instrucciones que aparecen en pantalla. Ten en cuenta que solamente podrás cambiar tu nombre de usuario una vez.
También puedes ponerle nombre de usuario a tu pagina. Los nombres de usuario permiten fomentar tu presencia en Facebook mediante una breve dirección de Internet. Este nombre puede utilizarse en el material de marketing, el sitio web de la empresa o las tarjetas de visita. ej: www.facebook.com/trucosfb
http://www.facebook.com/username/
SI NO LO TIENES, DEBERÁS CREARLO YA QUE CON EL SISTEMA DE MENSAJERÍA LO VAS A NECESITAR
Social plus facebook: emoticones, fondos de perfil y mas
Social plus es una extencion que te permitira modificar algunos aspectos de facebook, que de otra forma no podrian ser mificados, instalando desde emoticones hasta skins para nuestro perfil.
-Álbum slideshow
Nos proporcionara:
-Álbum slideshow
-nuevas notificaciones-color y estilo de letra
-emoticones
-emoticones
-botón "no me gusta"
-skin para perfil
-valoración de las publicaciones
-valoración de las publicaciones
Colocar cuadro para invitar amigos en pagina facebook (FBML)
Para colocar un cuadro para invitar amigos debes agregar la aplicación FBML a tu pagina facebook, una vez hecho esto deberás copiar y pegar el código en la aplicación.
En la pestaña fbml podemos colocar un cuadro para que el usuario pueda invitar a sus amigos.
Acá les muestro dos formas diferentes de cuadro, están testeadas y editadas para que no les presente ningún tipo de error.
CUADRO EN FORMA DE LISTA:
QUEDA ASÍ:
CUADRO EN FORMA DE FILAS Y COLUMNAS:
QUEDA ASÍ:
PARAMETROS:
type: es el titulo
content: es el mensaje que les llegara en la invitación ( es importante ya que no aparecerá el nombre de la pestaña, sino que aparecerá "FBML" )
url: la dirección a donde se direccionara la invitación
max: es el numero de amigos limites a invitar, de 1 a 35.
En la pestaña fbml podemos colocar un cuadro para que el usuario pueda invitar a sus amigos.
Acá les muestro dos formas diferentes de cuadro, están testeadas y editadas para que no les presente ningún tipo de error.
CUADRO EN FORMA DE LISTA:
<fb:request-form
type="Trucos FB"
invite="true"
content="entra a trucos fb y conoce todo sobre facebook <fb:req-choice url='http://www.facebook.com/trucobook' label='go' />">
<div class="clearfix" style="padding-bottom: 10px;">
<fb:multi-friend-selector condensed="true" style="width: 200px;" />
<fb:request-form-submit />
</fb:request-form>
type="Trucos FB"
invite="true"
content="entra a trucos fb y conoce todo sobre facebook <fb:req-choice url='http://www.facebook.com/trucobook' label='go' />">
<div class="clearfix" style="padding-bottom: 10px;">
<fb:multi-friend-selector condensed="true" style="width: 200px;" />
<fb:request-form-submit />
</fb:request-form>
QUEDA ASÍ:
CUADRO EN FORMA DE FILAS Y COLUMNAS:
<fb:request-form
type="Trucos FB"
invite="true"
content="sumate a Trucos FB y conoce todos los TRUCOS FACEBOOK <fb:req-choice url='http://www.facebook.com/trucobook' label='go' />">
<fb:multi-friend-selector actiontext="Invita a tus amigos a trucos facebook" rows="3" cols="3" showborder="false" />
</fb:request-form>
type="Trucos FB"
invite="true"
content="sumate a Trucos FB y conoce todos los TRUCOS FACEBOOK <fb:req-choice url='http://www.facebook.com/trucobook' label='go' />">
<fb:multi-friend-selector actiontext="Invita a tus amigos a trucos facebook" rows="3" cols="3" showborder="false" />
</fb:request-form>
QUEDA ASÍ:
PARAMETROS:
type: es el titulo
content: es el mensaje que les llegara en la invitación ( es importante ya que no aparecerá el nombre de la pestaña, sino que aparecerá "FBML" )
url: la dirección a donde se direccionara la invitación
max: es el numero de amigos limites a invitar, de 1 a 35.
Colocar fechas en pagina facebook (FBML)
Para colocar fechas debes agregar la aplicación FBML a tu pagina facebook, una vez hecho esto deberás copiar y pegar el código en la aplicación.
este código permite que la fecha que coloquemos aparecerá en el idioma que corresponda al usuario
CODIGOS EJEMPLO:
<fb:date t="1216170865" format="long_numeric" />
<fb:date t="0" format="monthname_time" tz="GMT" />
<fb:date t="0" format="monthname_time" tz="PST" />
QUEDA ASÍ:
PARAMETROS:
t: es el tiempo a representar
tz: es la zona horaria que representara la fecha.
HAZ CLIC EN LA IMAGEN PARA VERLA EN SU TAMAÑO ORIGINAL Y CONOCER LOS FORMATOS:
este código permite que la fecha que coloquemos aparecerá en el idioma que corresponda al usuario
CODIGOS EJEMPLO:
<fb:date t="1216170865" format="long_numeric" />
<fb:date t="0" format="monthname_time" tz="GMT" />
<fb:date t="0" format="monthname_time" tz="PST" />
QUEDA ASÍ:
PARAMETROS:
t: es el tiempo a representar
tz: es la zona horaria que representara la fecha.
HAZ CLIC EN LA IMAGEN PARA VERLA EN SU TAMAÑO ORIGINAL Y CONOCER LOS FORMATOS:
Publicar evento en pagina facebook (FBML)
Para publicar el evento debes agregar la aplicación FBML a tu pagina facebook, una vez hecho esto deberás copiar y pegar el código en la aplicación.
Por medio de este código, en nuestra pestaña fbml, aparecerá el evento que determinemos con un enlace hacia él.
CÓDIGO:
PARÁMETRO:
ied: es el ID del evento que quieres publicar.
QUEDA ASÍ:
Y AL HACER CLIC EN ÉL TE LLEVA AL EVENTO:
Por medio de este código, en nuestra pestaña fbml, aparecerá el evento que determinemos con un enlace hacia él.
CÓDIGO:
<fb:eventlink eid="21150032416" />
PARÁMETRO:
ied: es el ID del evento que quieres publicar.
QUEDA ASÍ:
Colocar mensaje con estilo ( error/ explicación/ suceso) en pagina facebook (FBML)
para esto debes agregar la aplicación FBML a tu pagina facebook, una vez hecho esto deberás copiar y pegar el código en la aplicación.
I) MENSAJE DE SUCESO:
QUEDA ASÍ:
MENSAJE DE SUCESO CON TEXTO:
QUEDA ASÍ:
II) MENSAJE DE EXPLICACIÓN:
QUEDA ASÍ:
MENSAJE DE EXPLICACIÓN CON TEXTO:
QUEDA ASÍ:
III) MENSAJE DE ERROR:
QUEDA ASÍ:
MENSAJE DE ERROR CON TEXTO:
QUEDA ASÍ:
I) MENSAJE DE SUCESO:
<fb:success message="Mensaje de suceso" />
QUEDA ASÍ:
MENSAJE DE SUCESO CON TEXTO:
<fb:success>
<fb:message>Mensaje de suceso</fb:message>
Este es el texto del mensaje de suceso.
</fb:success>
<fb:message>Mensaje de suceso</fb:message>
Este es el texto del mensaje de suceso.
</fb:success>
QUEDA ASÍ:
II) MENSAJE DE EXPLICACIÓN:
<fb:explanation message="Mensaje de explicación" />
QUEDA ASÍ:
MENSAJE DE EXPLICACIÓN CON TEXTO:
<fb:explanation>
<fb:message>Mensaje de explicación </fb:message>
Este es el texto del mensaje de explicación.
</fb:explanation>
<fb:message>Mensaje de explicación </fb:message>
Este es el texto del mensaje de explicación.
</fb:explanation>
QUEDA ASÍ:
III) MENSAJE DE ERROR:
<fb:error message="Mensaje de error" />
QUEDA ASÍ:
MENSAJE DE ERROR CON TEXTO:
<fb:error>
<fb:message>Mensaje de error</fb:message>
Este es el texto del mensaje de error.
</fb:error>
<fb:message>Mensaje de error</fb:message>
Este es el texto del mensaje de error.
</fb:error>
QUEDA ASÍ:
Hacer que aparezca el nombre/ foto/ estado del usuario en pagina facebook (FBML)
para esto debes agregar la aplicación FBML a tu pagina facebook, una vez hecho esto deberás copiar y pegar el código en la aplicación.
Puedes hacer que aparezca el nombre, foto y/o estado del usuario que se encuentra en la pagina facebook, por medio de un simple código. esto te puede ser útil para que cierto mensaje sea mas directo.
CÓDIGO NOMBRE DEL USUARIO:
QUEDA ASÍ:
CÓDIGO FOTO DE PERFIL DEL USUARIO:
CÓDIGO ESTADO DEL USUARIO:
Puedes hacer que aparezca el nombre, foto y/o estado del usuario que se encuentra en la pagina facebook, por medio de un simple código. esto te puede ser útil para que cierto mensaje sea mas directo.
CÓDIGO NOMBRE DEL USUARIO:
gracias <fb:userlink uid="loggedinuser"/> por tu visita :)
(edita a tu gusto)QUEDA ASÍ:
CÓDIGO FOTO DE PERFIL DEL USUARIO:
<fb:profile-pic uid="ID DEL USUARIO" linked="true" />
CÓDIGO ESTADO DEL USUARIO:
<fb:user-status uid="loggedinuser" linked="true"/>
(Se refiere al ultimo estado publicado por el usuario)
Colocar restricciones de edad y locación en pagina facebook (FBML)
Para esto debes agregar la aplicación FBML a tu pagina facebook, una vez hecho esto deberás copiar y pegar el código en la aplicación.
Dentro de las paginas facebook en las pestañas fbml podemos colocar restricciones de edad y de locación, mostrando cierta información a unos y ocultándola a otros.
Dentro de las paginas facebook en las pestañas fbml podemos colocar restricciones de edad y de locación, mostrando cierta información a unos y ocultándola a otros.
CODIGO RESTRICCIÓN POR EDAD:
restringe de cierto numero (18) y menores:
restringe de cierto numero (18) y menores:
<fb:restricted-to age="18-">eres menor no puedes ver esto
<fb:else>puede ver esto..eres mayor de 18 años!</fb:else>
</fb:restricted-to>
Puedes colocarle la edad que desees, solo modifica el numero 18
Si quieres edades especificas, solo coloca las edades separadas por comas sin signos.
Si quieres restringir contenido a mayores de cierta edad, solo coloca el numero seguido del signo mas (+)
EJEMPLO:
CÓDIGO RESTRICCIÓN POR LOCACIÓN:
<fb:restricted-to location="ar">No te encuentras en Argentina, no puedes ver esto
<fb:else>Eres argentino, puedes ver esto</fb:else>
</fb:restricted-to>
<fb:else>Eres argentino, puedes ver esto</fb:else>
</fb:restricted-to>
Para colocar restricción de otro país solo cambia el código (ar) por el país que desees.
Puedes conocer los códigos de todos los países en ISO
EJEMPLO:
PUEDES CONVINARLOS, QUEDARÍA ASÍ:
<fb:restricted-to age="18+" location="ar">
Colocar el boton compartir en pagina facebook (FBML)
Para esto debes agregar la aplicación FBML a tu pagina Facebook, una vez hecho esto deberás copiar y pegar el código en la aplicación.
El botón compartir nos permitirá que los usuarios publiquen en su perfil lo que nosotros determinemos
podemos permitirle publicar un enlace:
queda así:
Podríamos detallar a nuestro gusto algunas cosas del botón, titulo, descripción e imagen:
también podes poner un video a compartir
El botón compartir nos permitirá que los usuarios publiquen en su perfil lo que nosotros determinemos
<fb:share-button class="url" href="http://www.facebook.com/trucobook" />
queda así:
<fb:share-button class="meta">
<meta name="title" content="TITULO"/>
<meta name="description" content="UN TEXTO O DESCRIPCION"/>
<link rel="image_src" href="URL DE LA IMAGEN"/>
<link rel="target_url" href="URL DE TU PAGINA"/>
</fb:share-button>
<meta name="title" content="TITULO"/>
<meta name="description" content="UN TEXTO O DESCRIPCION"/>
<link rel="image_src" href="URL DE LA IMAGEN"/>
<link rel="target_url" href="URL DE TU PAGINA"/>
</fb:share-button>
también podes poner un video a compartir
<fb:share-button class="meta">
<meta name="medium" content="blog"/>
<meta name="title" content="Leonidas in All of Us"/>
<meta name="video_type" content="application/x-shockwave-flash"/>
<meta name="video_height" content="345"/>
<meta name="video_width" content="473"/>
<meta name="description" content="That's the lesson 300 teaches us."/>
<link rel="image_src" href="http://9.content.collegehumor.com/d1/ch6/f/6/collegehumor.b38e
345f621621dfa9de5456094735a0.jpg"/>
<link rel="video_src" href="http://www.collegehumor.com/moogaloop/moogaloop.swf?clip_id=1757757&autoplay=true"/>
<link rel="target_url" href="http://www.collegehumor.com/video:1757757"/>
</fb:share-button>
<meta name="medium" content="blog"/>
<meta name="title" content="Leonidas in All of Us"/>
<meta name="video_type" content="application/x-shockwave-flash"/>
<meta name="video_height" content="345"/>
<meta name="video_width" content="473"/>
<meta name="description" content="That's the lesson 300 teaches us."/>
<link rel="image_src" href="http://9.content.collegehumor.com/d1/ch6/f/6/collegehumor.b38e
345f621621dfa9de5456094735a0.jpg"/>
<link rel="video_src" href="http://www.collegehumor.com/moogaloop/moogaloop.swf?clip_id=1757757&autoplay=true"/>
<link rel="target_url" href="http://www.collegehumor.com/video:1757757"/>
</fb:share-button>
Poner iframe en pagina facebook (FBML)
los iframe son una de las etiquetas mas importante, a mi gusto, puesto que estas nos permiten colocar objetos de otros sitios.
pero poner las simples etiquetas iframe en el fbml de una pagina facebook es imposible, no funcionan, pero por medio de una pequeña modificacion las podemos colocar.
la modificacion consiste en modificar
ALGUNOS PARAMETROS:
src: es la pagina url del iframe
frameborder: es para mostrar el ancho del borde, podes poner 1 o mas, por defecto es 1.
smartsize: es para que se adecue a la pagina. por defecto es false
scrolling: indica si quieres barra de desplazamiento. yes o no. recomiendo el no, queda mas elegante sin la barra
width: indica el ancho de iframe
heigth: indica el alto del iframe
Ahora con el agregado fb: podemos colocar iframe en nuestra pagina facebook. es muy simple y muy útil.
pero poner las simples etiquetas iframe en el fbml de una pagina facebook es imposible, no funcionan, pero por medio de una pequeña modificacion las podemos colocar.
la modificacion consiste en modificar
<iframe>
por<fb:iframe>
ALGUNOS PARAMETROS:
src: es la pagina url del iframe
frameborder: es para mostrar el ancho del borde, podes poner 1 o mas, por defecto es 1.
smartsize: es para que se adecue a la pagina. por defecto es false
scrolling: indica si quieres barra de desplazamiento. yes o no. recomiendo el no, queda mas elegante sin la barra
width: indica el ancho de iframe
heigth: indica el alto del iframe
Ahora con el agregado fb: podemos colocar iframe en nuestra pagina facebook. es muy simple y muy útil.
YA NO FUNCIONA, PERO FACEBOOK VA A AGREGAR SU PROPIA PLATAFORMA IFRAME EN LOS PRÓXIMOS MESES
Mostrar contenido solo para moviles en pagina facebook (FBML)
Para esto debes agregar la aplicación FBML a tu pagina facebook, una vez hecho esto deberás copiar y pegar el código en la aplicación.
Representa el contenido que figura solo cuando se entra en el sitio desde un dispositivo móvil (http://m.facebook.com).
Cualquier contenido que quede fuera de las etiquetas se vera en la pagina facebook entrando al sitio normalmente por www.facebook.com
CÓDIGO:
Representa el contenido que figura solo cuando se entra en el sitio desde un dispositivo móvil (http://m.facebook.com).
Cualquier contenido que quede fuera de las etiquetas se vera en la pagina facebook entrando al sitio normalmente por www.facebook.com
CÓDIGO:
<fb:mobile>esto aparecerá solo en m.facebook.com.</fb:mobile>
Agregar caja de comentarios a pagina facebook (FBML)
Para esto debes agregar la aplicación FBML a tu pagina facebook, una vez hecho esto deberás copiar y pegar el código en la aplicación.
Esta herramienta permite que los usuarios comenten en la pestaña donde se la agregue. los comentarios aparecerán debajo del cuadro de comentario.
CÓDIGO:
PARÁMETROS:
xid: es el identificador único, ES IMPORTANTE QUE SEA LO MAS ÚNICO POSIBLE YA QUE SI ALGUIEN MAS TIENE LOS COMENTARIOS CON EL MISMO XID, AMBOS TENDRÁN LA MISMA CAJA DE COMENTARIOS, TE RECOMIENDO QUE COLOQUES LA URL DE TU PAGINA COMO XID.. si te queda muy largo no funcionara.
canpost: indica si el usuario puede comentar, dejarlo en true
candelete: indica si los usuarios pueden borrar cualquier comentario
numposts: es el numero de los comentarios que se verán
send_notification_uid: es para enviar una notificación cada vez que alguien comente, debes colocar la ID. solo se puede poner una.
publish_feed: indica si queremos el tilde en "publicar comentario en mi perfil de facebook"
simple: elimina el cuadro que rodea el área de texto, es para darle un poco de personalización.
reverse: cambia el orden de los comentarios, es también para darle mas personalización.
EJEMPLO:
Esta herramienta permite que los usuarios comenten en la pestaña donde se la agregue. los comentarios aparecerán debajo del cuadro de comentario.
CÓDIGO:
<fb:comments xid="trucosfb" canpost="true" candelete="false" >
<fb:title>TEST PARA TRUCOS FACEBOOK (cosasparaelface.blogspot.com)</fb:title>
</fb:comments>
<fb:title>TEST PARA TRUCOS FACEBOOK (cosasparaelface.blogspot.com)</fb:title>
</fb:comments>
PARÁMETROS:
xid: es el identificador único, ES IMPORTANTE QUE SEA LO MAS ÚNICO POSIBLE YA QUE SI ALGUIEN MAS TIENE LOS COMENTARIOS CON EL MISMO XID, AMBOS TENDRÁN LA MISMA CAJA DE COMENTARIOS, TE RECOMIENDO QUE COLOQUES LA URL DE TU PAGINA COMO XID.. si te queda muy largo no funcionara.
canpost: indica si el usuario puede comentar, dejarlo en true
candelete: indica si los usuarios pueden borrar cualquier comentario
numposts: es el numero de los comentarios que se verán
send_notification_uid: es para enviar una notificación cada vez que alguien comente, debes colocar la ID. solo se puede poner una.
publish_feed: indica si queremos el tilde en "publicar comentario en mi perfil de facebook"
simple: elimina el cuadro que rodea el área de texto, es para darle un poco de personalización.
reverse: cambia el orden de los comentarios, es también para darle mas personalización.
EJEMPLO:
Invitación por chat para pagina facebook (FBML)
Para esto debes agregar la aplicación FBML a tu pagina facebook, una vez hecho esto deberás copiar y pegar el código en la aplicación.
Podes poner un cuadro de chat en la pestaña fbml para enviar invitaciones
PARAMETROS:
msg: es el mensaje que quieres enviar
condensed: indica lo que aparecerá, nombre de usuario (false) o foto de perfil y nombre (true)
exclude_ids: lista separada por comas de identificadores para excluir de la invitación (es mejor dejarlo como esta)
CODIGO DE EJEMPLO:
Podes poner un cuadro de chat en la pestaña fbml para enviar invitaciones
PARAMETROS:
msg: es el mensaje que quieres enviar
condensed: indica lo que aparecerá, nombre de usuario (false) o foto de perfil y nombre (true)
exclude_ids: lista separada por comas de identificadores para excluir de la invitación (es mejor dejarlo como esta)
CODIGO DE EJEMPLO:
<fb:chat-invite msg="let's play a game!" condensed="false" exclude_ids="1,2,3"/>
EN LA PESTAÑA TE APARECE ESTA COLUMNA CON LOS CONECTADOS
HACIENDO CLIC EN UNO DE LOS CONECTADOS TE APARECERÁ UN MENSAJE ASÍ
Facebook desde el móvil/celular
Como en toda red social, necesitamos estar al tanto de todo lo que pasa en facebook, para esto es necesario que podamos llevar facebook a todos lados, y la forma mas sencilla de hacerlo es desde el móvil/ celular.
Facebook presenta varias plataformas dependiendo del tipo de celular.
CONSEJO:
Entrar a facebook desde el móvil puede resultar un poco caro. para que no les resulte tan caro les conviene usar aplicaciones móviles como OPERAMINI, EBUDDY u otra parecida (los descargan de las paginas que ya les nombre) y el costo se reducirá significativamente puesto que no dependerá de los operadores la conexión con facebook
Facebook presenta varias plataformas dependiendo del tipo de celular.
- m.facebook.com - Versión para móviles. Muestra estados y poco más.
- touch.facebook.com - Versión para móviles táctiles. Muestra casi todos los elementos.
- 0.facebook.com - Versión de sólo texto, sólo disponible con algunos operadores mundiales
- iphone.facebook.com - Version para iphone
CONSEJO:
Entrar a facebook desde el móvil puede resultar un poco caro. para que no les resulte tan caro les conviene usar aplicaciones móviles como OPERAMINI, EBUDDY u otra parecida (los descargan de las paginas que ya les nombre) y el costo se reducirá significativamente puesto que no dependerá de los operadores la conexión con facebook
Poner "ver mas" en pagina facebook (fbml)
Para esto debes agregar la aplicación FBML a tu pagina facebook, una vez hecho esto deberás copiar y pegar el código en la aplicación.
PARÁMETROS:
clicktoshow: establece el ID especificado a ser visible
clicktohide: oculta el ID especificado
CÓDIGO:
PARÁMETROS:
clicktoshow: establece el ID especificado a ser visible
clicktohide: oculta el ID especificado
CÓDIGO:
<a id="show_text" href="#" clicktohide="show_text" clicktoshow="History,hide_text">
ver mas</a>
<a id="hide_text" href="#" clicktohide="History, hide_text" clicktoshow="show_text"
style="display:none">ver menos</a>
<div id="History" style="display:none">
THE STUFF TO DISPLAY
</div>
ver mas</a>
<a id="hide_text" href="#" clicktohide="History, hide_text" clicktoshow="show_text"
style="display:none">ver menos</a>
<div id="History" style="display:none">
THE STUFF TO DISPLAY
</div>
EJEMPLO DE VER MAS:
EJEMPLO DE VER MENOS:
Agregar vídeo (FLV) a pagina facebook (FBML)
Para esto debes agregar la aplicación FBML a tu pagina facebook, una vez hecho esto deberás copiar y pegar el código en la aplicación.
Agrégale un vídeo flv a tu pagina facebook, si bien podes usar la aplicación que facebook te ofrece, esto te puede ser útil para un vídeo que ya tengas en Internet.
PARÁMETROS:
src: dirección url del vídeo
height: altura
width: ancho
title: el nombre de la fuente. el titulo aparece en la barra de control.
scale: showall, noborder o exactfit
img: la dirección url de la imagen que aparece detrás del botón de reproducción antes de que el vídeo comience a reproducirse.
align: l (izquierda), r (derecha), t (arriba), b (abajo).
salign: l (izquierda), r (derecha), t (arriba), b (abajo).
color: color de fondo
CÓDIGO:
QUEDA ASÍ:
Agrégale un vídeo flv a tu pagina facebook, si bien podes usar la aplicación que facebook te ofrece, esto te puede ser útil para un vídeo que ya tengas en Internet.
PARÁMETROS:
src: dirección url del vídeo
height: altura
width: ancho
title: el nombre de la fuente. el titulo aparece en la barra de control.
scale: showall, noborder o exactfit
img: la dirección url de la imagen que aparece detrás del botón de reproducción antes de que el vídeo comience a reproducirse.
align: l (izquierda), r (derecha), t (arriba), b (abajo).
salign: l (izquierda), r (derecha), t (arriba), b (abajo).
color: color de fondo
CÓDIGO:
<fb:flv src='http://www.mediacollege.com/video-gallery/testclips/barsandtone.flv' width='400' height='300' title='my movie' color='#FFBB00' salign='r' img='http://www.example.com/test.jpg' scale='showall'/>
QUEDA ASÍ:
Agregar Shockwave Flash (SWF) a pagina facebook (FBML)
Para esto debes agregar la aplicación FBML a tu pagina facebook, una vez hecho esto deberás copiar y pegar el código en la aplicación.
PARÁMETROS:
swfsrc: Dirección url del objeto flash
imgsrc: la dirección url de la imagen (solo gif y jpg). El valor por defecto es http://static.ak.facebook.com/images/spacer.gif
higth: altura de la imagen y objeto flash
width: ancho de la imagen y objeto flash
imgstyle: atributos de la imagen (estilo)
imgclass: atributos de la imagen (clase)
flashvars: la codificación url
swfbgcolor: color de fondo para el objeto flash, por defecto es transparente
waitforclick: indica la reproducción automática del objeto. (false) para que no se reproduzca.
salign
loop: indica la reproducción continua. (true) o (false)
quality: indica la calidad del objeto. best, high, medium o low
scale: la escala a aplicar al objeto. showall, noborder, exactfit
align: indica la alineación del objeto. left, center o right
wmode: indica el valor de opacidad para el objeto. transparent, opaque o window. por defecto es transparente.
CÓDIGO:
ejemplo:
queda asi
SI NO TE FUNCIONA ASEGÚRATE DE ESTO:
Las URL a ambas imágenes de activación (imgsrc) y el video u objeto flash son correctas. Puedes probarlas pegando la URL en la barra de direcciones de tu navegador y ver el video o flash directamente, si no puedes acceder a ellas mediante este método, entonces las URL no son correctas.
Has cerrado la etiqueda , con />. Si la etiqueta no se ha cerrado, no funcionará.
Todas las comillas están cerradas (“”). No importa si son simples (‘) o dobles (“), pero deben coincidir y deben estar cerradas (width=’xxx’ o width=”xxx” – NO width=’xxx o width=”xxx o width=”xxx’ ).
PARÁMETROS:
swfsrc: Dirección url del objeto flash
imgsrc: la dirección url de la imagen (solo gif y jpg). El valor por defecto es http://static.ak.facebook.com/images/spacer.gif
higth: altura de la imagen y objeto flash
width: ancho de la imagen y objeto flash
imgstyle: atributos de la imagen (estilo)
imgclass: atributos de la imagen (clase)
flashvars: la codificación url
swfbgcolor: color de fondo para el objeto flash, por defecto es transparente
waitforclick: indica la reproducción automática del objeto. (false) para que no se reproduzca.
salign
loop: indica la reproducción continua. (true) o (false)
quality: indica la calidad del objeto. best, high, medium o low
scale: la escala a aplicar al objeto. showall, noborder, exactfit
align: indica la alineación del objeto. left, center o right
wmode: indica el valor de opacidad para el objeto. transparent, opaque o window. por defecto es transparente.
CÓDIGO:
<fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/xxxxxxxxxx'
imgsrc='http://img.youtube.com/vi/xxxxxxxxxx/2.jpg'
width='340' height='270' />
Reemplaza “xxxxxxxxxx” Con el ID del video de YouTube, el cual es la cadena de texto que viene después de “v=” En la URL de la barra de direcciones de tu navegador (Hay veces en que hay un “&” y algo que sigue después de esto, si tu vez eso, la cadena de texto está antes).swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/xxxxxxxxxx'
imgsrc='http://img.youtube.com/vi/xxxxxxxxxx/2.jpg'
width='340' height='270' />
ejemplo:
swfsrc='http://www.youtube.com/watch?v=kVpv8-5XWOI'
imgsrc='http://img.youtube.com/vi/kVpv8-5XWOI/2.jpg'
ID:kVpv8-5XWOIimgsrc='http://img.youtube.com/vi/kVpv8-5XWOI/2.jpg'
queda asi
SI NO TE FUNCIONA ASEGÚRATE DE ESTO:
Las URL a ambas imágenes de activación (imgsrc) y el video u objeto flash son correctas. Puedes probarlas pegando la URL en la barra de direcciones de tu navegador y ver el video o flash directamente, si no puedes acceder a ellas mediante este método, entonces las URL no son correctas.
Has cerrado la etiqueda , con />. Si la etiqueta no se ha cerrado, no funcionará.
Todas las comillas están cerradas (“”). No importa si son simples (‘) o dobles (“), pero deben coincidir y deben estar cerradas (width=’xxx’ o width=”xxx” – NO width=’xxx o width=”xxx o width=”xxx’ ).
Agregegar musica mp3 en pagina Facebook (fbml)
Para esto debes agregar la aplicación FBML a tu pagina facebook, una vez hecho esto deberás copiar y pegar el código en la aplicación.
Representa un reproductor de audio basado en flash.
Copia y pega este codigo en la pestaña fbml y edita lo que corresponde
<fb:mp3 src="http://host.com/file.mp3" title="Song Name" artist="Song Artist" album="Album Name"/>
title: titulo
album: titulo del álbum
artist: nombre del artista que canta esa canción
se le puede agregar altura y ancho agregando los parámetros
width: ancho
height: alto
Para colocar el mp3 es necesario que tengan un host, yo les recomendó que usen fileden.
Una vez en la pagina hacen clic en register, luego deben elegir que tipo de plan van a tener, al final de personal account hacemos clic en sing up, este es gratis, y procedemos a completar nuestros datos. Luego de activar su cuenta hacen clic en upload para procener a subir su mp3.
MOSTRAR CONTENIDO A LOS FANS Y OCULTAR A LOS NO FANS (FBML)
Para esto debes agregar la aplicación FBML a tu pagina facebook, una vez hecho esto deberás copiar y pegar el código en la aplicación.
Este es el código que debes utilizar:
si no te interesa mostrarle información a los no fans podes borrarle las etiquetas
REPARACIÓN AL ESPACIO QUE QUEDA ANTES DEL CONTENIDO QUE VEN LOS NO FANS
Si lo que ven los fans es demaciado largo, lo que ven los no fans quedara muy abajo, para acomodarlo tenes que subirlo con las etiquetas <p></p>. Quedara algo así:
Ahora tienes que envolver todo el código (<visible-to-connection></visible-to-connection>) con las etiquetas <div></div>
. Quedara algo así:
(POR SER EL ADMINISTRADOR VAS A VER TODO, PARA PODER VER SI FUNCIONO TIENES QUE SALIR DE FACEBOOK Y ENTRA A LA PAGINA SIN LOGEARTE O CON OTRO FACEBOOK QUE NO SEA ADMINISTRADOR)
Este es el código que debes utilizar:
<fb:visible-to-connection>
Este contenido lo verán los fans
<fb:else>Los no Fans verán este contenido</fb:else>
</fb:visible-to-connection>
Este contenido lo verán los fans
<fb:else>Los no Fans verán este contenido</fb:else>
</fb:visible-to-connection>
si no te interesa mostrarle información a los no fans podes borrarle las etiquetas
<else></else>
REPARACIÓN AL ESPACIO QUE QUEDA ANTES DEL CONTENIDO QUE VEN LOS NO FANS
Si lo que ven los fans es demaciado largo, lo que ven los no fans quedara muy abajo, para acomodarlo tenes que subirlo con las etiquetas <p></p>. Quedara algo así:
<fb:else><p style="margin-top:-100px;">contenido para no fans</p></fb:else>
(modifica 100 por la distancia del espacio en blanco)Ahora tienes que envolver todo el código (<visible-to-connection></visible-to-connection>) con las etiquetas <div></div>
. Quedara algo así:
<div style="height:600px;">
<fb:visible-to-connection>
[contenido]
</fb:visible-to-connection>
</div>
(modifica 600 por lo que consideres apropiado para tu código, ve probando con diferentes números hasta que quede bien)<fb:visible-to-connection>
[contenido]
</fb:visible-to-connection>
</div>
también puedes colocarle imagenes o vídeos: ejemplo de imagen
ejemplo de integración, texto, imagen y fondo con borde
los ejemplos son sacados de nuestra pagina facebook TRUCOS FB
(POR SER EL ADMINISTRADOR VAS A VER TODO, PARA PODER VER SI FUNCIONO TIENES QUE SALIR DE FACEBOOK Y ENTRA A LA PAGINA SIN LOGEARTE O CON OTRO FACEBOOK QUE NO SEA ADMINISTRADOR)
Suscribirse a:
Entradas
(
Atom
)
Suscribete a mi perfil de Facebook
Lo Ultimo
Popular Posts
- dibujos con signos y letras para poner en facebook (ascii)
- dibujos con signos y letras para poner en facebook (ascii) 2
- Emoji o emoticones especiales de Facebook para comentarios, chat y publicaciones
- 4 alternativas para descargar álbum de fotos Facebook
- caritas para el chat
- Lista de nuevos emoticones azules y rosas para el chat
- Colocar una portada animada o gif en Facebook
- descargar videos de facebook
- mensajes para muro
- FBML - Pagina Facebook
Seguidores
Suscribete
visitas