Hermosa caja de suscripcion con botones de redes sociales

Hay muchas formas de ofrecerles a nuestros visitantes  la posibilidad a que se suscriban a los email o a las redes sociales, esta es una muy buena opción para obtener mas seguidores y por eso en el día de hoy les ofrezco una manera muy fácil de añadir esa opción sin tener que tocar nuestra plantilla con solo añadir un gadget y es todo.

Para añadirlo solo debemos ir a diseño >>> añadir un gadget >>>  HTML/Javascript >>> y pegamos el siguiente código:

<style>
#sidebar-subscribe-box{width:280px;border:2px solid #fff;border-radius:4px;padding:0px 0}

.sidebar-subscribe-box-wrapper{background:url(
http://img96.xooimage.com/files/2/e/2/tt-3fd222e.gif) repeat scroll 0 0 #f7f7f7;color:#111;text-shadow: 0px 1px 1px #fff;font-weight: bold;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}

.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}

 .sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(http://img98.xooimage.com/files/8/5/d/icons-3fd24ae.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;-moz-box-shadow: 5px 5px #000;
-webkit-box-shadow: 5px 5px #000;
box-shadow: 5px 5px #000;color:#444;margin:0 0 15px;padding:10px 40px;width:64%}

 .sidebar-subscribe-box-email-button{background:#09f;border:2px solid #007fff;-moz-box-shadow: 5px 5px #000;
-webkit-box-shadow: 5px 5px #000;
box-shadow: 5px 5px #000;color:#fff;cursor:pointer;font-family:verdana;text-shadow: 0px 2px 2px #000;font-weight: bold;border-radius:8px;padding:10px;text-transform:uppercase;width:100%}

 .sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}

.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:2px solid #ddd;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}
 #footer-section{border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}
a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}
</style>
<div id="sidebar-subscribe-box">
<div class="sidebar-subscribe-box-wrapper">
    <br/>


<a class="social-icons" href='http://www.facebook.com/pages/tube-trucos/161206907309924' target='_blank'><img alt='Siguenos en Facebook' src='http://img96.xooimage.com/files/9/a/0/facebook-3dd3544.png' style='width: 55px; height: 55px;' title='Siguenos en Facebook'/></a><a class="social-icons" href='http://twitter.com/TubeTrucos' target='_blank'><img alt='Siguenos en Twitter' src='http://img99.xooimage.com/files/b/9/7/twitter-3dd3566.png' style='width: 55px; height: 55px;' title='Siguenos en Twitter'/></a><a class="social-icons" href='https://plus.google.com/u/0/b/100442535676711232426/100442535676711232426/posts' target='_blank'><img alt='Siguenos en google+' src='http://img98.xooimage.com/files/8/4/9/google-1-3dd359f.gif' style='width: 55px; height: 55px;' title='Siguenos en google+'/></a><a class="social-icons" href='http://feeds.feedburner.com/tubetrucos' target='_blank'><img alt='Subcribete a nuestro RSS Feed' src='http://img99.xooimage.com/files/5/3/3/rss-3dd3588.png' style='width: 55px; height: 55px;' title='Subcribete a nuestro RSS Feed'/></a><p>Subscribirse a nuestra actualizaciones por Email y Recibe todo lo nuevo </p>
<div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=Tu_id_Feedburner" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.co/fb/a/mailverify?uri=Tu_id_Feedburner', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="bloggertrix" /><input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Entre su email address aquí"/><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="subcribirse ahora !" /></form>
</div></div></div>

Una ves hecho eso pues es todo por esa parte solo queda que cambien mis url por las de ustedes y listo.

Lo que esta en color verde es el fondo de gadget.
Lo que esta en color rojo son las url de las redes sociales deben cambiarlas por las de ustedes.
Lo que esta en color azul son los botones de las redes sociales lo pueden cambiar a sus gustos.
Lo que esta en color naranja es el texto que se encuentra en el gadget.

Read More

Mostrar con efecto la fanBox de facebook al hacer Scroll

Hoy les voy a brindar un fabuloso código y muy sencillo de implementar en el blog,este lo tenia desde hace un tiempo previsto para una entrada pero no había tenido tiempo,este código venia original con solo un mensaje al deslizarse por la pagina este aparecía la autoría del mismo la desconosco,lo que hice fue implementarle la fanbox de facebook y como ya dije al hacer scroll en el blog este aparecerá,porque dije muy sencillo de implementar,por lo fácil que es,con solo añadirlo en un gadget es todo.

Cuando este se cierra dando click en la (x) este ya no volverá a aparecer hasta que no se cargue otra página Le podemos poner el color que queramos, con solo usar un poco de CSS,Para un ejemplo al hacer scroll en este sitio van a ver como aparece.


A continuación le brindo el código :

<script type="text/javascript">
jQuery.noConflict();
jQuery(window).scroll(function(){ if(jQuery(document).scrollTop()>=jQuery(document).height()/7) {
jQuery('#fanbox').show('slow');
} else {jQuery('#fanbox').hide('slow');}
});
function closefanbox(){
jQuery('#fanbox').remove();
;}
</script>



<style type="text/css">
/* Contenedor general */
#fanbox {
display: none;
overflow: hidden;
position: fixed;
bottom: 30px;
right: 21px;
width: 300px;
margin: 0;
padding: 0 0 5px;
z-index:1000;
} 
/* Botón cerrar */
#fanbox a {
position: absolute;
top: 5px;
right: 6px;
color: #ccc;
font-size: 15px;
font-weight: bold;
}


/* facebook */
/* tubetrucos.com */
#fanbox {
background-image: -moz-linear-gradient(#696969, #000);background-image: -webkit-linear-gradient(#696969, #000);background-image: -o-linear-gradient(#696969, #000);background-image: linear-gradient(#696969, #000);
margin: 0px auto;
box-shadow: inset 0 0 8px #fff;
border-radius:8px 8px 8px 8px;
width:290px;
height:160px;
overflow:hidden;
}
div.fanbox10 iframe {margin:-1px}

</style>

<div style="display: none;" id="fanbox">
 <a href="javascript:void(0);" onclick="return closefanbox();">X</a>

 <!-- Facebook -->
<!-- tubetrucos.com -->
 <div class='fanbox10'><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Ftube-trucos%2F161206907309924&amp;width=300&amp;height=180&amp;colorscheme=dark&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:180px;" allowtransparency="true"></iframe></div>

</div>

Lo que esta en color   000   es el color negro del fondo de la fanbox lo pueden remplazar por el color que ustedes quieran.
lo que esta en color  696969   es el color gris que esta tambien de fondo de la fanbox lo pueden remplazar por el color que ustedes quieran.


Donde dice  pages%2Ftube-trucos%2F161206907309924  lo remplazan por el nombre de su pagina en facebook si todavia no tienen la url personalizada y tienen nombre y numeros lo copian desde donde dice page y las / la remplazan por  %2F   .


Para que este codigo funcione hace falta tener instalada la librería jQuery en nuestra plantilla. Si  la tienen  todo bien ,para el que no la tenga solo deben ir a plantilla y con CTRL + F buscan </head> y justo antes pegan lo siguiente.

 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/>

Eso es todo espero y lo disfruten.

Read More

Cada que tiempo se recomienda cambiar la Imagen de perfil en facebook

En la famosa red social ''facebook'' tener una buena imagen de perfil es muy importante ya que es la manera mas correcta y confiable, para que tus seguidores,fan te identifiquen, y confíen en ti.Ahora lo que muchas personas preguntan ya sea en redes sociales o en foros  es Cada que tiempo se recomienda cambiar la imagen de perfil en la red social facebook.

Cambiar la imagen seguidamente no es lo correcto, debido a que crearás una gran confusión en tus seguidores, Los cuales se preguntaran estoy en el lugar correcto que habra pasado esta no es la imagen que conosco etc....y tras esa confución muchos dejan de seguirte por lo que Antes de hacer algún cambio pregúntarse si es realmente  necesario .Pero como todo, en algunas ocasiones es necesario cambiar la imagen por otra :

Ya sea porque :

1. Tu pagina tiene un nuevo logo.

2. Tu pagina cambio la presencia,look, por otra.

3.  La red social cabio su aspecto y añadio una timeline por lo que requiere otra imagen,como en el caso de facebook,google +,y twitter.

Si tienes uno de estos motivos para realizar el cambio pues adelante de lo contrario es recomendable mantenerse con la imagen que tienen actualmente.

Read More

Los Símbolos y caracteres más utilizados en la red social Facebook

Desde hace unos dias he estado recopilando todos los simbolos y caracteres mas utilizados en la red social facebook ,estos mismos los pueden usar en twitter y en muchos lugares mas  ,estos caracteres son muy populares por sus expreciones y muy facíl de implementar con solo copiar y pegarlo en donde quieras usarlo estos se obtienen mediante nuestro teclado si aprietas la tecla ALT numeros que quieras va a ver los simbolos todo depende de la variedad que hagas con los numeros ,pero yo se los voy a dejar aquí hoy si lo quieren mantener en su PC solo copien y pegenlo  en el notepad lo guardan y cada ves que van a usarlos solo lo copian desde su computadora y pegan en donde lo quieran y es todo es muy facíl  y le da un toque diferente a tu perfil .

A continuacion les dejo los caracteres y simbolos a su dispocicion.

█ ─ ─ ─ ─ █ ▀ ▀ █ ─ ▄ █ █ █ ▄ █ █ █ ▄ ─ █ ▀ ▀ ▀
█ ─ ─ ─ ─ █ ─ ─ █ ─ ▀ █ █ █ █ █ █ █ ▀ ─ █ ▄ ▄ ▄
█ ─ ─ ─ ─ █ ─ ─ █ ─ ─ ─ ▀ █ █ █ ▀ ─ ─ ─ █
▀ ▀ ▀ ▀ ─ ▀ ▀ ▀ ▀ ─ ─ ─ ─ ─ ▀ ─ ─ ─ ─ ─ ▀ ▀ ▀ ▀

          (`'•.¸♥*♥ ¸.•'´) ¸.•'´) 
          (¸.•'´ (¸.•'´♥*♥ `'•.¸)

            *♥*♥* Me Gusta *♥*♥*

        ☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆

         ▀██▀───▀██▀─▀██──██─▀██▀▀ ─
            ██─────██───██▄█▀───██▄█─
         ▄██▄▄█─▄██▄─▄██──██─▄██▄▄


        ღ☻ღ☻ღ☻ღ☻ღ☻ღ☻ღ☻ღ☻ღ☻ღ☻ღ☻ღ

๑•ิ.•ั๑ ๑۩۞۩๑ ♬✿.｡.:* ★ ☆ εїз℡❣·۰•●○●ōゃ ♥ ♡๑۩ﺴ ☜ ☞ ☎ ☏♡ ⊙◎ ☺ ☻✖╄ஐﻬ ► ◄ ▧ ▨ ♨ ◐ ◑ ↔ ↕ ▪ ▫ ☼ ♦ ▀ ▄ █▌ ▐░ ▒ ▬♦ ◊ ◦ ☼ ♠♣ ▣ ▤ ▥ ▦ ▩ ◘ ◙ ◈ ♫ ♬ ♪ ♩ ♭ ♪ の ☆ → あ ぃ ￡ ❤＃ ＠ ＆ ＊ ❁ ❀ ✿ ✾ ❃ ✺ ❇ ❈ ❊ ❉ ✱ ✲ ✩ ✫ ✬ ✭ ✮ ✰ ☆ ★ ✪ ¤ ☼ ☀ ☽ ☾ ❤ ♡ ღ☻ ☺ ❂ ◕ ⊕ ☉ Θ o O ♋ ☯ ㊝ ⊙ ◎◑ ◐ ۰ • ● ▪ ▫ ｡ ﾟ ๑ ☜ ☞ ☂ ♨ ☎ ☏ × ÷ ＝ ≠ ≒ ∞ ˇ ± √ ⊥▶ ▷ ◀ ◁ ☀ ☁ ☂ ☃ ☄ ★ ☆ ☇ ☈ ☉ ☊ ☋ ☌ ☍ ☑ ☒☢ ☸ ☹ ☺ ☻ ☼ ☽ ☾ ♠ ♡ ♢ ♣ ♤ ♥ ♦ ♧ ♨ ♩ ✙ ✈ ✉ ✌ ✁♝ ♞♯♩♪♫♬♭♮ ☎ ☏ ☪ ♈ ♨ ₪ ™ ♂✿ ♥ の ↑ ↓ ← → ↖ ↗ ↙ ↘ ㊣ ◎ ○ ● ⊕ ⊙ ○　 △ ▲ ☆ ★ ◇ ◆ ■

□ ▽ ▼ § ￥ 〒 ￠ ￡ ※ ♀ ♂ &⁂ ℡ ↂ░ ▣ ▤ ▥ ▦ ▧ ✐✌✍✡✓✔✕✖ ♂ ♀ ♥ ♡ ☜ ☞ ☎ ☏ ⊙ ◎ ☺ ☻ ► ◄ ▧ ▨ ♨ ◐ ◑ ↔ ↕ ♥ ♡ ▪ ▫ ☼ ♦ ▀ ▄ █ ▌ ▐ ░ ▒ ▬ ♦ ◊ ◘ ◙ ◦ ☼ ♠ ♣ ▣ ▤ ▥ ▦ ▩ ◘ ◙ ◈ ♫ ♬ ♪ ♩ ♭ ♪ ✄☪☣☢☠░ ▒ ▬ ♦ ◊ ◦ ♠ ♣ ▣ ۰•● ❤ ●•۰► ◄ ▧ ▨ ♨ ◐ ◑ ↔ ↕ ▪ ▫ ☼ ♦♧♡♂♀♠♣♥❤☜☞☎☏⊙◎ ☺☻☼▧▨♨◐◑↔↕▪ ▒ ◊◦▣▤▥ ▦▩◘ ◈◇♬♪♩♭♪の★☆→あぃ￡Ю〓§♤♥▶¤๑⊹⊱⋛⋌⋚⊰⊹ ๑۩۩.. ..۩۩๑ ๑۩۞۩๑ ✲ ❈ ✿ ✲ ❈ ➹ ~.~ ◕‿- ❣ ✚ ✪ ✣ ✤ ✥ ✦❉ ❥ ❦ ❧ ❃ ❂ ❁ ❀ ✄ ☪ ☣ ☢ ☠ ☭ღღღ ▶ ▷ ◀ ◁ ☀ ☁ ☂ ☃ ☄ ★ ☆ ☇ ☈ ⊙ ☊ ☋ ☌ ☍ⓛⓞⓥⓔ๑•ิ.•ั๑ ๑۩۞۩๑ ♬✿ ☉♡ ♢ ♣ ♤ ♥ ♦ ♧ ♨ ♩ ✙✈ ✉ ✌ ✁ ✎ ✐ ❀ ✰ ❁ ❤ ❥ ❦❧ ➳ ➽ εїз℡❣·۰•●○●ゃōゃ♥

♡๑۩ﺴ ☜ ☞ ☎ ☏♡ ⊙◎ ☺ ☻✖╄ஐﻬ ► ◄ ▧ ▨ ♨ ◐ ◑ ↔ ↕ ▪ ▫ ☼ ♦ ▀ ▄ █▌ ▐░ ▒ ▬♦ ◊ ◦ ☼ ♠♣ ▣ ▤ ▥ ▦ ▩ ◘ ◙ ◈ ♫ ♬ ♪ ♩ ♭ ♪ の ☆ → あ ぃ ￡ ❤ ❁ ❀ ✿ ✾ ❃ ✺ ❇ ❈ ❊ ❉ ✱ ✲ ✩ ✫ ✬ ✭ ✮ ✰ ☆ ★ ✪ ¤ ☼ ☀ ☽ ☾ ❤ ♡ ღ☻ ☺ ❂ ◕ ⊕ ☉ Θ o O ♋ ☯ ㊝ ⊙ ◎ ◑ ◐ ۰ • ● ▪ ▫ ｡ ﾟ ๑ ☜ ☞ ☂ ♨ ☎ ☏▶ ▷ ◀ ◁ ☀ ☁ ☂ ☃ ☄ ★ ☆ ☇ ☈ ☉ ☊ ☋ ☌ ☍ ☑ ☒☢ ☸ ☹ ☺ ☻ ☼ ☽ ☾ ♠ ♝ ♞♯♩♪♫♬♭♮ ☎ ☏ ☪ ♈ ♨ ºº ₪ ¤ 큐 « »™ ♂✿ ♥ の ↑ ↓ ← → ↖ ↗ ↙ ↘ ㊣ ◎ ○ ● ⊕ ⊙ ○　 △ ▲ ☆ ★ ◇ ◆ ■ □ ▽ ▼ § ￥〒 ￠ ￡ ※ ♀ ♂ © ® ⁂ ℡ ↂ░ ▣ ▤ ▥ ▦ ▧ ✐✌✍✡✓✔✕✖ ♂ ♀ ♥ ♡ ☜ ☞ ☎ ☏ ⊙ ◎ ☺ ☻ ► ◄ ▧ ▨ ♨ ◐ ◑ ↔ ↕ ♥ ♡ ▪ ▫ ☼ ♦ ▀ ▄ █ ▌ ▐ ░ ▒ ▬ ♦ ◊ ◘ ◙ ◦ ☼ ♠ ♣ ▣ ▤ ▥ ▦ ▩ ◘ ◙ ◈ ♫ ♬ ♪ ♩ ♭ ♪ ✄☪☣☢☠㊊㊋㊌㊍㊎㊏ ㊐㊑㊒㊓㊔㊕㊖㊗㊘㊜㊝㊞㊟㊠㊡㊢ ㊣㊤㊥㊦㊧㊨㊩㊪㊫㊬㊭㊮㊯㊰

✗✘✚✪✣✤✥✦✧✩✫✬✭✮✯✰ ✱✲✳❃❂❁❀✿✾✽✼✻✺✹✸✷ ✶✵✴❄❅❆❇❈❉❊❋❖☀☂☁【】┱ ┲ ❣ ✪ ✣ ✤ ✥ ✦ ❉ ❥ ❦ ❧ ❃ ❂ ❁ ❀ ✄ ☪ ☣ ☢ ☠ ☭ ♈ ➸ ✓ ✔ ✕ ✖ .: ◢ ◣ ◥ ◤ ▽ ▧ ▨ ▣ ▤ ▥ ▦ ▩ ◘ ◙ ▓ ▒ ░ ™ ℡ 凸 の ๑۞๑ ๑۩ﺴ ﺴ۩๑ o(‧”’‧)o ❆ べò⊹⊱⋛⋋ ⋌⋚⊰⊹ ⓛⓞⓥⓔ ☀ ☼ ☜ ☞ ⊙® ◈ ♦ ◊ ◦ ◇ ◆ εїз❃❂❁❀✿✾✽✼✻✺✹✸✷ ✶✵✴❄❅❆❇❈❉ ❊❋❖❤❥❦❧↔ ↕ ▪ → ︷╅╊✿ (¯`•._.• •._.•´¯)(¯`•¸•´¯) ❤`•.¸¸.•´´¯`•• .¸¸.•´¯`•.•●•۰• ••.•´¯`•.•• ••.•´¯`•.••—¤÷(`[¤* *¤]´)÷¤——(•·÷[ ]÷·•)—
①②③④⑤⑥⑦⑧⑨⑩ ⑪⑫⑬⑭⑮⑯⑰⑱⑲⑳ ⒶⒷⒸⒹⒺⒻ ⒼⒽⒾⒿⓀⓁ ⓂⓃⓄⓅⓆⓇ ⓈⓉⓊⓋⓌⓍ ⓎⓏ ⓐⓑⓒⓓⓔⓕ ⓖⓗⓘⓙⓚⓛ ⓜⓝⓞⓟⓠⓡ ⓢⓣⓤⓥⓦⓧ ⓨⓩ(⊙▂⊙✖ )(づ ￣ ³￣)づ ( c//”-}{-*\\x)(-’๏_๏’-)(◐ o ◑ )(⊙…⊙ )๏[-ิ_•ิ]๏(•ิ_•ิ)\(•ิ_•ิ\) (/•ิ_•ิ)(︶︹︺)

Interensante estos simbolos, se pueden hacer muchisimas cosas con ellos todo va en la imaginacion de cada cual .

Read More

Mostrar la fanbox de facebook en una lightbox al cargar la pagina con Jquery

Este Widget que les presento en el dia de hoy es muy útil para usarlo en Blogger,se muestra un cuadro emergente ( Popup ) con un fondo oscuro el cual este es obtenido con JQuery ,seguro han visto este efecto en imagenes en videos etc.. pero ahora lo que vamos a mostrar es la fanbox de facebook cada ves que un visitante entre al sitio esta le aparecera de primero, con un efecto muy bonito proponiendole seguirte en facebook al igual si no quieren tienen la opcion de cerrar.

Tenemos dos alternativas una si quieres que aparesca cada ves que carge la pagina o mediante las cookie esta lee la IP del visitante y solo le aparecera una sola ves.

Este widget es muy facíl de implementar en solo unos pasos ya esta listo no tenemos que tocar la plantilla para nada solo lo añadiremos a un gadget para eso nos vamos a blogger >>> Diseño >>> Añadir un gadget >>> y buscamos HTML/Javascript y ponemos el siguiente codigo :

 <style>
div.fanbox {
background-color: #dcdcda;background-image: -moz-linear-gradient(#000, #dcdcda);background-image: -webkit-linear-gradient(#000, #dcdcda);background-image: -o-linear-gradient(#000, #dcdcda);background-image: linear-gradient(#000, #dcdcda);
-moz-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border-radius: 5px;
-moz-box-shadow:5px 5px 8px #000;
-ms-filter:
&quot;progid:DXImageTransform.Microsoft.Shadow(color=#000,direction=125,strength=5)&quot;;filter: progid:DXImageTransform.Microsoft.Shadow(color=#000,direction=125,strength=5);-webkit-box-shadow: 5px 5px 8px #000;
width:290px;
height:160px;
overflow:hidden;
}
div.fanbox iframe {margin:-1px}

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:fixed;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

#cboxOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKVwdqFxw8iT8pY5OLLhJcsbFXMP_ITsIn2xFo9_wV8Gq-1-PDkba0ACKHHHNs8Hdsfgr1OnOSI_VMSg_YCP8xUDDbHD4fHlh2CqkVQhyi6Q3AqN_pZ8JsySqhWBCSa3qzujBb0wwbSTmA/s1600/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1l7_2yLvzF-gCQan3_dDnCutnB1yBehTX4-B51zXHuIDOxzZf29m5HiHBaBEXeNEXgMOZUiA5Dhm_FjsgLF1SJnpSqm3yJJDC2lWvvY8nxQLCfScbVwCoxNPqe1huG1LDK8ksg-koXt1V/s1600/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1l7_2yLvzF-gCQan3_dDnCutnB1yBehTX4-B51zXHuIDOxzZf29m5HiHBaBEXeNEXgMOZUiA5Dhm_FjsgLF1SJnpSqm3yJJDC2lWvvY8nxQLCfScbVwCoxNPqe1huG1LDK8ksg-koXt1V/s1600/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1l7_2yLvzF-gCQan3_dDnCutnB1yBehTX4-B51zXHuIDOxzZf29m5HiHBaBEXeNEXgMOZUiA5Dhm_FjsgLF1SJnpSqm3yJJDC2lWvvY8nxQLCfScbVwCoxNPqe1huG1LDK8ksg-koXt1V/s1600/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1l7_2yLvzF-gCQan3_dDnCutnB1yBehTX4-B51zXHuIDOxzZf29m5HiHBaBEXeNEXgMOZUiA5Dhm_FjsgLF1SJnpSqm3yJJDC2lWvvY8nxQLCfScbVwCoxNPqe1huG1LDK8ksg-koXt1V/s1600/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1l7_2yLvzF-gCQan3_dDnCutnB1yBehTX4-B51zXHuIDOxzZf29m5HiHBaBEXeNEXgMOZUiA5Dhm_FjsgLF1SJnpSqm3yJJDC2lWvvY8nxQLCfScbVwCoxNPqe1huG1LDK8ksg-koXt1V/s1600/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1l7_2yLvzF-gCQan3_dDnCutnB1yBehTX4-B51zXHuIDOxzZf29m5HiHBaBEXeNEXgMOZUiA5Dhm_FjsgLF1SJnpSqm3yJJDC2lWvvY8nxQLCfScbVwCoxNPqe1huG1LDK8ksg-koXt1V/s1600/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTE5VPtyBqXcTvmmE0BFyBM1_UCEPB9vvIpEiu6Diit2f-hytgZ2P22ykebloWeBoag3Q1HmguD7436bYAf_XybZQzNlgQYO05cUD-k5Dy_9AODYDePF_C1EX4Kcu9F_VsXS2yvSpj1CVQ/s1600/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTE5VPtyBqXcTvmmE0BFyBM1_UCEPB9vvIpEiu6Diit2f-hytgZ2P22ykebloWeBoag3Q1HmguD7436bYAf_XybZQzNlgQYO05cUD-k5Dy_9AODYDePF_C1EX4Kcu9F_VsXS2yvSpj1CVQ/s1600/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-top:28px;}
        #cboxTitle{position:absolute; top:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; top:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; top:0; left:0; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1l7_2yLvzF-gCQan3_dDnCutnB1yBehTX4-B51zXHuIDOxzZf29m5HiHBaBEXeNEXgMOZUiA5Dhm_FjsgLF1SJnpSqm3yJJDC2lWvvY8nxQLCfScbVwCoxNPqe1huG1LDK8ksg-koXt1V/s1600/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; top:0; left:27px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1l7_2yLvzF-gCQan3_dDnCutnB1yBehTX4-B51zXHuIDOxzZf29m5HiHBaBEXeNEXgMOZUiA5Dhm_FjsgLF1SJnpSqm3yJJDC2lWvvY8nxQLCfScbVwCoxNPqe1huG1LDK8ksg-koXt1V/s1600/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk_YW5eugFbTnfYVr8G-9TSzqUIpk1i4npJXbNooSDmJRHRZGPsTNjaaCQOxiIwEseXQBOj26hxw2IoSv189rHKTOBeZgh7f80_3MHnofwFdJVSd0sVthOg0KexqV5dOOpdWyk3u5gvA4W/h120/loading.gif) no-repeat center center;}
        #cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk_YW5eugFbTnfYVr8G-9TSzqUIpk1i4npJXbNooSDmJRHRZGPsTNjaaCQOxiIwEseXQBOj26hxw2IoSv189rHKTOBeZgh7f80_3MHnofwFdJVSd0sVthOg0KexqV5dOOpdWyk3u5gvA4W/h120/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:0; right:0; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1l7_2yLvzF-gCQan3_dDnCutnB1yBehTX4-B51zXHuIDOxzZf29m5HiHBaBEXeNEXgMOZUiA5Dhm_FjsgLF1SJnpSqm3yJJDC2lWvvY8nxQLCfScbVwCoxNPqe1huG1LDK8ksg-koXt1V/s1600/controls.png) no-repeat -25px 0; width:20px; height:20px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*-----------------------------------------------------------------------------------*/
/*   Facebook fanbox popup For Blogger
/*-----------------------------------------------------------------------------------*/
#subscribe {
    font: 12px/1.2 Arial,Helvetica,san-serif; color:#fff;
}
#subscribe a,
#subscribe a:hover,
#subscribe a:visited {
    text-decoration:none;
}
.box-title {
   color: #00008b;
   font-size: 16px !important;
   font-weight: bold;
   margin: 10px 0;
border:1px solid #000;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
box-shadow: 5px 5px 5px #00000;
padding:10px;
line-height:25px; font-family:arial !important;
}
.box-tagline {
   color: #000;
   margin: 0;
   text-align: center;
}
#subs-container {
    padding: 35px 0 30px 0;
    position: relative;
}
a:link, a:visited {
border:none;
}
.demo {
display:none;
}
</style>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<script src="http://img89.xooimage.com/files/b/b/1/jquery.colorbox-min-381970d.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
   if (document.cookie.indexOf('visited=false') == -1) {
       var fifteenDays = 1000*60*60*24*30;
       var expires = new Date((new Date()).valueOf() + fifteenDays);
       document.cookie = "visited=true;expires=" + expires.toUTCString();
   $.colorbox({width:"340px", inline:true, href:"#subscribe"});
       }
});
</script>
 
 <div style='display:none'>
   <div id='subscribe' style='padding:1px; background-color: #;
-moz-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border-radius: 5px;
-moz-box-shadow:5px 5px 8px #000;
'>
 /*-----------------------------------------------------------------------------------*/
/*  Despues de estas lineas podrian poner un titulo con el codigo que les voy a dar
/*-----------------------------------------------------------------------------------*/  
       
      <center><div class='fanbox'><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Ftube-trucos%2F161206907309924&amp;width=300&amp;height=180&amp;colorscheme=dark&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:180px;" allowtransparency="true"></iframe></div></center></div></div>

El siguiente codigo es por si quieren añadirle un titulo donde les indique en el codigo anterior donde dice Te unes en Facebook  lo pueden remplazar por lo que ustedes quieran eso es a gusto de cada persona todo va en la  imaginacion .

<h4 class="box-title"><center>Te unes en Facebook</center></h4>

Lo que esta en color   000   es el color negro del fondo de la fanbox lo pueden remplazar por el color que ustedes quieran.
lo que esta en color  dcdcda   es el color gris que esta tambien de fondo de la fanbox lo pueden remplazar por el color que ustedes quieran.

Donde dice    false   lo pueden remplazar por true ,con false aparece siempre que carge la pagina con true solo una ves .

Donde dice  pages%2Ftube-trucos%2F161206907309924  lo remplazan por el nombre de su pagina en facebook si todavia no tienen la url personalizada y tienen nombre y numeros lo copian desde donde dice page y las / la remplazan por  %2F  una ves hecho eso la colocan donde les dije en el codigo .

Hecho todo le dan a guardar al gadget y nos vamos a la pagina ya podran apreciar que al cargar les aparece este fabuloso widget.

Read More

Facebook nos da la posibilidad de hacer cambios en los comentarios

Unas de las cosas mas esperadas por muchisimos usuarios era la opción de poder editar los comentarios ya hechos en la red social de facebook o sea comentarios anteriores nuevos en general todos ,la mayoría de las personas les gustaría editarlos ya sea por algún error que cometieron anteriormente o porque quieren cambiar lo que escribieron en ese entonces, por eso esta era una de las características más solicitadas , bueno la noticia es que facebook acaba de implementar esta opción de editar nuestros comentarios.

Como pueden ver en la imagen, es posible editar el comentario sin importar mucho la fecha de publicación del mismo. Para probarlo, regresé a comentarios dejados anteriormente, y no tuve problemas en cambiar completamente mi comentario.


La función ha empezado a distribuirse entre los usuarios, así que si todavía no tienen activa la función, será cuestión de días / semanas hasta que lo vean.


Una vez que un comentario ha sido editado, aparecerá como “Edited” o Editado, y dándole click a esta opción, nos mostrará un historial de los cambios hechos al mismo. Estos cambios, son visibles a todos los que puedan ver el comentario, para evitar confusiones.

Read More

Facebook nos brinda un nuevo portal acerca de las Olimpiadas de Londres 2012

La competencia entre las redes sociales que existe hoy en día nos trae siempre algo nuevo en este caso la red social Facebook a aportado un portal sobre las próximas Olimpiadas de Londres quiere que sus usuarios sigan todo sobre las próximas Olimpiadas sin perderse un solo detalle a través de su plataforma y por eso ha lanzado este apartado dedicado al mayor evento deportivo que se celebra cada cuatro años.

Con esto pretende competir con Twitter, ya que muchos usuarios acudirán a la red de microblogging para estar al día de lo que ocurra durante las Olimpiadas de Londres. Facebook lo que hará es facilitar a los usuarios el poder seguir toda la información del evento, así como seguir a sus deportistas favoritos, selecciones olímpicas, deportes…

La idea es que los usuarios puedan dar a “me gusta” en el portal, o en alguno de los enlaces que en él se destacan, para recibir así en su feed de noticias toda la información acerca de Londres 2012.

Read More

Utilizando imágenes en el cuadro de Chat de Facebook

El chat en Facebook nos une con los amigos en la red social , pero dado los rasgos limitados, lde el chat en Facebook nunca ha sido una plataforma de charla 'de diversión'. Hay amplia variedad de códigos de smiley disponibles, pero entre todas las desventajas, no hay una sola opción  para compartir una foto vía lel chat de la red social.

La forma habitual es compartir una foto con tus amigos en tu muro de Facebook, pero existe una forma de compartir la imagenes que quieras en el chat.

Para comenzar a compartir imagenes en el cuadro de chat de Facebook,deben de ir a la página principal de Smileytime y desplácese hacia abajo hasta que aparezca el botón de 'Seleccionar archivo', haga clic en el botón para subir una imagen de tu computadora, escribe las palabras que te ponen para verificacion  y haga clic en 'Cargar ahora' .

Después de que el archivo está listo, vas a ver unas líneas de código, copian ese código.

Peguen el código en el cuadro del chat.

Presione la tecla Enter de su teclado, y se verá que la imagen en el cuadro del chat.

Y es todo


Ahora usted puede hacer su chat mas divertido nuevamente con la nueva capacidad para compartir fotos con tus amigos a través del cuadro de chat de Facebook. Aunque la página web de Smileytime es muy básica y completa con anuncios, hace un gran trabajo con subir tu foto y darle el acceso restringido de código que necesita. Tenga en cuenta que ya Smileytime será anfitrión de sus imágenes, asegúrese de no cargar fotos valiosas, por si acaso!
Via:  hongkiat

Read More

Angry Birds Friends nuevo juego para retar a tus amigos en Facebook

La compañia desarrolladora del popular juego angry birds Rovio, acaba de anunciar que llega un nuevo título , y con más características sociales que nunca.

Todo se trata de “Angry Birds Friends”, un nuevo juego en el que los usuarios de Facebook pueden jugar retos semanales contra sus amigos de la red social y competir por premios como coronas de oro -virtuales- cada vez que superen la puntuación de sus amigos.



Como viene siendo habitual en este tipo de juegos también se establece un ranking semanal de las mejores puntuaciones.

El juego, el cual ya se puede acceder, incluye además nuevos niveles nunca antes vistos en ninguna otra entrega de “Angry Birds”.

http://friends.angrybirds.com

Read More

facebook prueba nuevo look en su diseño para la Timeline

La red social Facebook confirmó que está haciendo algunos pequeños cambios en el diseño de su Timeline para darle un mejor aspecto . Las imágenes del nuevo diseño fueron publicadas durante esta mañana en el sitio Talking Points Memo, y en ellas se puede apreciar una versión más minimalista del encabezado de la línea de tiempo, en la cual la información básica del perfil aparece en un extremo de la foto de portada.

El nombre del usuario y sus datos personales, como su cargo y lugar de residencia, aparecen sobre la imagen de portada. Lo mismo sucede con los botones “Actualizar información” y “Registro de actividad”.

Las secciones “Amigos”, “Fotos”, “Mapas”, que hasta el momento está al lado de la información del usuario, cambian de diseño y se ubican más arriba, al lado de la foto de perfil.
El boton “Me Gusta” ha sido reemplazado por el nombre “Favoritos”.

Por el momento, la compañía se negó a especificar cuántos perfiles serán sometidos a prueba, o si el nuevo look de prueba de Facebook será el diseño estándar para todos los usuarios.

Read More

Facebook crea su propia tienda de aplicaciones ,App Center

La competencia entre estas redes sociales no deja de sorprendernos ahora Facebook crea su propia tienda de aplicaciones ,App Center .esta famosa red social cuenta con infinidades de aplicaciones. muchas son juegos, otras se tratan de noticias, etc.... Sin embargo, saber cuáles son las mejores es casi imposible, así que a raíz de esto, Facebook crea “App Center”.

Mostrara un índice de las mejores aplicaciones disponibles, para usar desde la web como desde dispositivos móviles. No se encontraran todas las aplicaciones listadas, sino que Facebook usará lo que sabe de ti para mostrar una lista de las aplicaciones que es más probable que te gusten. Así, el App Center será diferente para cada usuario.

Esta funcionalidad estará disponible en algunas semanas, pero los desarrolladores que quieran empezar a probar pueden hacerlo desde hoy.App Center está diseñado también para fomentar a las aplicaciones móviles que usan Facebook, sin importar si son para iOS, Android o funcionan a través del navegador. Desde el App Center, los usuarios pueden ver las aplicaciones que son compatibles con su dispositivo y si quieres instalar una serás redirigido a la tienda que corresponda.

Cada aplicación tendrá una página con su detalle, que incluirá información y opiniones de usuarios. al estilo de google play .la red social facebook llamó a los desarrolladores a empezar a crearlas ya. Las aplicaciones que tengan una mala valoración de los usuarios desaparecerán de la “App Center”.

Facebook también permitirá a los desarrolladores cobrar por aplicaciones, implementando un sistema de pago especial. Esto se suma a las ventas dentro de las aplicaciones, que ya existen.

Via : Facebook

Read More

Nueva actualizacion de facebook para android ahora con más velocidad

La competencia entre redes sociales principalmente entre google + y  facebook no para, ahora Facebook acaba de actualizar su version para los dispositivos android introduciendo muy buenas mejoras bastante interesantes con más velocidad :

• Group Mejorado el rendimiento global y corregidos unos cuantos errores

• Muchas mejoras a la hora de utilizar la mensajería: creación de grupos y capacidad para añadir amigos a una conversación en grupo ya inicializada

• Implementación de accesos directos para compartir fotos y mensajes directamente desde la pantalla de inicio de tu teléfono.

Puedes encontrar la actualización en el google play.

Read More

Facebook agranda la foto de perfil de sus usuarios

Hace unos días de que Google+ renovó su diseño,este luce muy similar a la biografia(timeline) de Facebook ,ahora la famosa red social agrandó la foto de perfil de sus usuarios.

La imagen anteriormente medía 130 x 125 píxeles, pero ahora mide 166 x 160 píxeles,Según The Next Web, una gran diferencia que pudo ser notada por algunos usuarios.
El cambio da más importancia a la foto del usuario, pero hay que tener en cuenta que también le quita espacio a la imagen de portada.

Así que si entras a tu facebook y vistes la imagen de perfil mas grande pues no te asustes que son cambios de la red social.

Read More

facebook asigna correos electrónicos para todos automáticamente

La red social (Facebook) hace mas de un año lanzó su servicio de correo electrónico con la mensajería instantánea . Este servicio era opcional, o sea, el que lo quisiera debías inscribirse para comenzar a usar el correo de Facebook dentro de la mensajería de esta red .Sin embargo, la compañía acaba de anunciar que pronto empezará a asignar direcciones de correo electrónico de manera automática tomando en cuenta tu nombre de dominio, por ejemplo: Facebook.com/jorge a jorge@facebook.com . Lo que significa que automáticamente recibirás un correo de la red social, si todavía no tenías uno.

Las personas que ya hayan seleccionado un nombre para su correo mantendrán el nombre que eligieron, pero los usuarios que no se habían creado un e-mail pasarán ahora a tener uno automático.

De este modo, contactar a cualquier persona de Facebook debería volverse bastante más fácil – llegando al perfil ya conoces su correo (de Facebook). La medida podría verse como una respuesta a Google+, que está con Gmail.

Y para llevarlo a cabo sin mayor problema, ha comenzado a alertar con notificaciones a los usuarios que no tengan una dirección URL personalizada (que no puede ser modificada después).

La red social de Mark Zuckerberg suma cambios y actualizaciones novedosas para mantener a los usuarios de su comunidad más activos y siempre a la expectativa. Hace poco adquirió Instagram—servicio de fotografía móvil.

Si aun no cuentas con tu propia dirección
puedes añadir tu propia dirección desde aquí.

Read More

Facebook compra Instagram por 1.000.000.000 de dólares

Sín que se hubiera sabido algún rumor en las últimas semanas en el día de ayer ha salido lo que puede ser la noticia del año en las redes sociales, Facebook ha adquirido Instagram. despues de haber alcanzado una muy buena pocicion al ser la tercera red social mas popular, Según ha comunicado el propio (fundador de Facebook) Mark Zuckerberg en su timeline, el acuerdo se ha cerrado satisfactoriamente y la adquisición fue por nada mas que por mil millones de dólares.

¿Qué ocurrirá ahora con Instagram? Pues podemos pensar en cientos de usos de los que se puede aprovechar Facebook del número de usuarios de Instagram y su tecnología pero ahora mismo no tenemos noticias de los planes de la red social adquirida por Zuckerberg.

En la nota de prensa Facebook comenta que no tienen planes de cambiar el servicio y que seguirán desarrollando Instagram con independencia de Facebook. Aún así, es de esperar que a medida que pase el tiempo las dos plataformas se integren de alguna manera.

Via : Facebook

Read More

Facebook messenger para windows ya disponible

Facebook ya había lanzado este cliente de chat Messenger desde el pasado mes de diciembre pero solo en prueba , La red social comenta que quería darle los retoque final y ahora sí está disponible la versión original para ser descargado oficialmente este cliente de mensajería instantánea. El software no ha tenido muchos cambios que digamos en estos meses, sigue manteniendo el mismo estilo, muy similar al sistema de chat que está integrado en la red social de Facebook.

La red social también adelantó que está preparando una versión para Mac , que estará disponible “próximamente”, sin dar más detalles. lo que llama la atención de la aplicacion es que no dispone de videochat ni chat en grupo, algo que si esta disponible en Facebook , lo que es una mala alternativa con respecto a la competencia.

Facebook lo que quiere con esto es que los usuarios se mantengan mas tiempo usando las aplicaciones de la red social.

Via facebook

Read More

Nuevo diseño en marzo para las paginas de facebook

Como ya habíamos hablado de la nueva timeline de facebook anteriormente la cual era para las cuentas personales, por lo explique como diseñarla para darles un aspecto expectacular a esa timeline,biografía como le llaman,a muchisimas personas no les gusta les gusta mas el diseño anterior .bueno la red social anuncia que para este mes de marzo para ser exacto el 30 de marzo de 2012 todas las paginas de facebook tendrán el nuevo diseño también guste o no ,así que no queda de otra que personalizar ese nuevo diseño para que tengan una idea la imagen grande es de 851x315px y las de la foto de perfil, 125x125px. el borde de 5px de la foto de perfil, es imborrable.

Si cuentas con Photoshop es lo mejor así puedes darle una forma atractiva a esa biografía todo depende de la imaginacion de cada cual.Si sabes usar el Photoshop que no es difícil lo que se va a ser, te dejo esta plantilla biografia de facebook

Si quieren ver algunos ejemplos de diseño en Diseñando el nuevo timeline,biografia de Facebook encontraran algunos.

Read More

Facebook te mostrara las estadísticas en tiempo real

Dentro de muy poco tiempo digamos unas semanas facebook lanzará un novedoso y actualizado sistema, dijo un representante de la empresa. El análisis estará disponible para todos los administradores de Paginas a nivel mundial. Tales como los administradores tendrán acceso instantáneo a tiempo real resultados de gente hablando sobre esta Pagina post métricas incluyendo usuarios comprometidos y alcance (orgánica, pagado, Viral).

El resultado para los publicistas, medios de comunicación, personalidades y organizaciones es que ahora puede ver lo que está sucediendo en sus páginas y ajustar su contenido y publicidad. También pueden ver si un puesto está funcionando mal y reemplazarlo si es el caso.
En octubre del pasado año agregáron la características que le mostraban a los administradores cuántas personas se encontraban hablando de su contenido y mas..... Además, Facebook comenzó a ofrecer una inmersión más profunda en los datos alrededor de actualizaciones específicas.

Visto en mashable

Read More

Personalizar la fanbox de Facebook con css

Para todos los que conocemos la fanbox de facebook esa cajita la cual muestra las personas agradecidas que le hacen click al me gusta por la buena información obtenida gratuitamente en el sitio.la que a muchas personas no le gusta de la forma que se muestra,bueno en el día de hoy les voy a mostrar una cencilla forma de personalizar esa famosa cajita dandole un toque completamente diferente.para lograr esto va a ser con la ayuda de CSS.

Con css le podemos añadir un fondo de alguna imagen o simplemente añadiendole color y mucho mas... también vamos a eliminar lo que a muchas personas no le gusta que es lo que dice ”Plug-in social de Facebook”.

Si el código de la fanbox el height,altura es 240 En la parte del css el height es -20 entonces seria 220 con esto eliminamos lo que esta en la parte de abajo que dice ”Plug-in social de Facebook”

Para el primer ejemplo use el siguiente estilo:

<style type="text/css">
div.fanbox {
background-color: #202931;background-image: -moz-linear-gradient(#000, #202931);background-image: -webkit-linear-gradient(#000, #202931);background-image: -o-linear-gradient(#000, #202931);background-image: linear-gradient(#000, #202931);
width:240px;
height:160px;
overflow:hidden;
}
div.fanbox iframe {margin:-1px}
</style>



Los 000 es el color negro y los 202931 es como el color plateado lo pueden cambiar a sus gustos y así pueden obtener dos tonos si quieren un solo color solo tienen que eliminar uno de los dos y se quedan con un solo color.

Para el segundo ejemplo use el siguiente estilo:

<style type="text/css">
div.fanbox1 {
background-color: #0000FF;background-image: -moz-linear-gradient(#000, #0000FF);background-image: -webkit-linear-gradient(#000, #0000FF);background-image: -o-linear-gradient(#000, #0000FF);background-image: linear-gradient(#000, #0000FF);
width:240px;
height:160px;
overflow:hidden;
}
div.fanbox iframe {margin:-1px}
</style>


Los 000 ceros es el color negro y los 0000FF es el color azul y todo es como  les dije anteriormente.

 Para el tercer ejemplo use el siguiente estilo:


<style type="text/css">
div.fanbox2 {
width:240px;
height:160px;
background: url(http://dl.dropbox.com/u/25944020/images.jpg);
overflow:hidden;
}
div.fanbox iframe {margin:-2px}
</style>

En este solo use una imagen de fondo la cual la marque de color rojo esa la pueden cambiar por la que ustedes quieran.

En los tres ejemplos use el siguiente codigo solo cambiando las class <div class="fanbox"> ,  <div class="fanbox1"> ,  <div class="fanbox2">

<div class='fanbox'>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/tube-trucos/161206907309924&amp;width=240&amp;height=180&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:240px; height:180px;" allowtransparency="true"></iframe>
</div>

Lo que esta en rojo lo van a sustituir por su url de facefook si se fijan como les explique lo que esta en amarillo es el ancho 240 y altura 180 y en el css use 20 menos en la altura de 180 a 160 para implementar el codigo en nuestros sitios solo pongan css justo antes de que cierre la etiqueta </head>
o pueden poner el css,los estilos junto con el codigo en un gadget .
Para añadir el codigo en un gadget solo vayan a diseño >> añadir un gadget >> HTML/Javascript >>  pegamos los dos codigos y guardamos despues de eso ya van a tener su fanbox personalizada .

Read More

Nueva posibilidad de verificar cuentas en facebook

Con esta nueva posibilidad de verificar las cuentas en facebook es para evitar muchos perfiles falsos, como muchas personas se hacen pasar por famosos o personas inportantes de empresas o negocios y obtienen una gran cantidad de seguidores.con esto facebook les pedira una prueba de su identidad ya puede ser mostrarles alguna identificacion con foto de prueba o etc...al provar la identidad les dejara poner en su perfil algun apodo o un sobre nombre en lugar de su nombre esto es a gusto del usuario. La red social les notificará primero a aquellos usuarios que tienen muchos suscriptores, notificándolos sobre una nueva forma de verificar sus cuentas. estos al ser verificados aparecerán más frecuentemente en las sugerencias para que otros usuarios se suscriban.

Viene siendo parecido a lo que ofrece ya Twitter y Google+, que ya tienen sistemas de verificación para personas importantes.

Informado en: mashable

Sí les gusto este post,entrada recuerden compartir y comentar no cuesta nada es un modo de agradecer por el trabajo y esfuerzo que uno hace si pueden y creen que esta información les es útil denle click a los botoncitos en los que quieran compartir de facebook,twitter,google+ y bitacoras y así otros que también necesitan el código o la información lo podrán ver muchas gracias.

Read More