Les deceo mucha salud, que todas sus ilusiones y metas se cumplan en el nuevo año,que tengan un 2012 lleno de paz y prosperidad Feliz año nuevo 2012. Les decea Tube trucos
Skyscanner el mejor buscador de vuelos para Android
Como ya todos sabemos cada día que pasa muchas personas usan sus teléfonos smartphone los cuales muchos trabajan con el sistema android el cual es muy bueno, Skyscanner es una aplicacion para el sistema Android esta aplicacion se trata del mejor buscador de vuelos.Se Destaca por ser muy útil,completa e intuitivo la cual se ha ganado las cinco estrellas de más de 10.000 usuarios de Android.
Esta aplicación es ideal para organizar tus viajes por muchas razones;
te permite comparar todas las opciones de vuelo rápidamente,
muestra los precios de mas de 600 compañías aéreas (entre los cuales destacan los de bajo coste) de una forma muy clara…
más de 700.000 rutas de un sólo vistazo. ¡Ahorra tiempo y dinero con esta aplicación gratuita de búsqueda de vuelos para Android! Skyscanner pone en tus manos el buscador de vuelos más avanzado del mercado.
se encuentra en 28 idiomas, permite incluso acceder directamente a la realización de la reserva, pues además de facilitarnos el número de teléfono de la agencia en cuestión, es capaz de redirigirnos a su sitio Web en apenas unos segundos.
Con este buscador de vuelos para Android también nos permite compartir el viaje seleccionado por correo electrónico. Puedes enviar los detalles del vuelo a familiares y amigos, podemos mandárnoslo a nosotros mismos para continuar con la reserva más adelante.
Su interfaz es muy simple e intuitiva, y su menú principal nos permite seleccionar rápidamente los siguientes datos del futuro vuelo; lugares de origen y destino, fechas de ida y vuelta ,número de pasajeros y mas.
Pueden descargar esta aplicacion aquí: Skyscanner
Bueno es todo recuerden que compartir y comentar no cuesta nada 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 lo podrán ver muchas gracias.
Esta aplicación es ideal para organizar tus viajes por muchas razones;
te permite comparar todas las opciones de vuelo rápidamente,
muestra los precios de mas de 600 compañías aéreas (entre los cuales destacan los de bajo coste) de una forma muy clara…
más de 700.000 rutas de un sólo vistazo. ¡Ahorra tiempo y dinero con esta aplicación gratuita de búsqueda de vuelos para Android! Skyscanner pone en tus manos el buscador de vuelos más avanzado del mercado.
se encuentra en 28 idiomas, permite incluso acceder directamente a la realización de la reserva, pues además de facilitarnos el número de teléfono de la agencia en cuestión, es capaz de redirigirnos a su sitio Web en apenas unos segundos.
Con este buscador de vuelos para Android también nos permite compartir el viaje seleccionado por correo electrónico. Puedes enviar los detalles del vuelo a familiares y amigos, podemos mandárnoslo a nosotros mismos para continuar con la reserva más adelante.
Su interfaz es muy simple e intuitiva, y su menú principal nos permite seleccionar rápidamente los siguientes datos del futuro vuelo; lugares de origen y destino, fechas de ida y vuelta ,número de pasajeros y mas.
Pueden descargar esta aplicacion aquí: Skyscanner
Bueno es todo recuerden que compartir y comentar no cuesta nada 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 lo podrán ver muchas gracias.
Poner anuncios de 125 x 125 en la sidebar (barra lateral)
Desde hace mucho una de las cosas mas popular en los blogs es poner anuncios de 125 x 125 en la sidebar (barra lateral) En este caso, les mostrare la forma mas censilla de insertar estos banners de 125 x 125 píxeles.
en este caso debemos tener en cuenta el tamaño de la sidebar (barra lateral) debería ser de 280 píxeles de ancho (como mínimo) para que los banners se visualicen correctamente.
Si tu barra lateral es de un ancho menor, no hay de que preocuparse, ya que las casillas publicitarias se "alinearán" de forma vertical".
Para colocarlo haremos lo siguiente:
Bueno es todo recuerden que compartir y comentar no cuesta nada 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 lo podrán ver muchas gracias.
en este caso debemos tener en cuenta el tamaño de la sidebar (barra lateral) debería ser de 280 píxeles de ancho (como mínimo) para que los banners se visualicen correctamente.
Si tu barra lateral es de un ancho menor, no hay de que preocuparse, ya que las casillas publicitarias se "alinearán" de forma vertical".
Para colocarlo haremos lo siguiente:
Diseño>añadir gadget (elemento de página)>html-javascript
Copiar este código:
Reemplaza en cada caso, URL DEL ENLACE por la dirección del sitio web anunciado, así como la línea...
<div style='margin-left:17px;'>
<a href='URL DEL ENLACE 1' target='blank' title='publicidad'><img src='http://dl.dropbox.com/u/25944020/anunciostubetrucos.png' style='padding:3px;'/></a>
<a href='URL DEL ENLACE 2' target='blank' title='publicidad'><img src='http://dl.dropbox.com/u/25944020/anunciostubetrucos.png' style='padding:3px;'/></a>
<a href='URL DEL ENLACE 3' target='blank' title='publicidad'><img src='http://dl.dropbox.com/u/25944020/anunciostubetrucos.png' style='padding:3px;'/></a>
<a href='URL DEL ENLACE 4' target='blank' title='publicidad'><img src='http://dl.dropbox.com/u/25944020/anunciostubetrucos.png' style='padding:3px;'/></a>
<a href='URL DEL ENLACE 5' target='blank' title='publicidad'><img src='http://dl.dropbox.com/u/25944020/anunciostubetrucos.png' style='padding:3px;'/></a>
<a href='URL DEL ENLACE 6' target='blank' title='publicidad'><img src='http://dl.dropbox.com/u/25944020/anunciostubetrucos.png' style='padding:3px;'/></a>
</div>
Reemplaza en cada caso, URL DEL ENLACE por la dirección del sitio web anunciado, así como la línea...
http://dl.dropbox.com/u/25944020/anunciostubetrucos.pngPor la dirección del banner que ofrece el blogger o webmáster para ser publicitado.
En caso de querer añadir más casillas, poner el siguiente codigo antes del cierre </div> tantas veces como quieras:
El gadget sin publicidad lo veremos como esta en la imagen que les muestro arriba .
Por ultimo guardamos y es todo
<a href='URL DEL ENLACE 6' target='blank' title='publicidad'><img src='http://dl.dropbox.com/u/25944020/anunciostubetrucos.png' style='padding:3px;'/></a>
El gadget sin publicidad lo veremos como esta en la imagen que les muestro arriba .
Por ultimo guardamos y es todo
Bueno es todo recuerden que compartir y comentar no cuesta nada 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 lo podrán ver muchas gracias.
Algunas novedades nuevas en google plus para fin de año
En Google nos anuncian una serie de novedades nuevas de alguna importancia antes de que acabe este año 2011, algunas que ya esperábamos y otras que son totalmente nuevas. quien brindo estas nuevas novedades fue Bradley Horowitz, Vice President of Product, Google+ ,Aquí les muestro lo que nos trae Google plus:
“Volumen de ruido” en los círculos
Para no perder los mensajes importantes, se han añadido una especie de “controladores de volumen” en Google plus, para subir o bajar la importancia por la que queremos que salgan en nuestro Stream determinados círculos. Por ejemplo si no queremos perdernos ninguna publicación de nuestro circulo “familia” le subimos el volumen, y tenderá a ver más en el stream que el resto de círculos.
Mejoras en las notificaciones
Se han realizado una serie de mejoras en las notificaciones y la forma de mostrar las mismas, para hacerlo de una manera mucho mas clara desde la ultima vez que las viste, así como cosas importantes que deben ser notificadas.
Mejoras en las páginas de Google+
Anteriormente ya habían anunciado que Google plus permitirá varios administradores en sus páginas, pero esto es lo nuevo que nos traen:
- Se podrán tener hasta 50 administradores en una página de Google plus
- Habrá notificaciones sobre las páginas en los perfiles de administradores, pudiendo elegir si quieres o no recibirlas.
- Sumario de los usuarios que han interactuado con tu página, ya sea con +1, comentarios o añadiéndola a los círculos.
Mejoras en la experiencia de usuario en las fotos
Se han realizado varias mejoras referida a la experiencia de usuario en las galerías de fotos y en el lightbox, donde tendremos nuevas funcionalidades entre ellas un etiquetado con reconocimiento facial, ver mejor quién está etiquetado en las fotos, mejoras en la transición de las fotos, en los comentarios y en el kit creativo.
Según google+ todas estas novedades nuevas se irán implementando estos días, y estarán disponibles todas antes de que termine este año 2011.
Enlace: google+,google plus blog
Bueno es todo recuerden que compartir y comentar no cuesta nada 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 lo podrán ver muchas gracias.
Para no perder los mensajes importantes, se han añadido una especie de “controladores de volumen” en Google plus, para subir o bajar la importancia por la que queremos que salgan en nuestro Stream determinados círculos. Por ejemplo si no queremos perdernos ninguna publicación de nuestro circulo “familia” le subimos el volumen, y tenderá a ver más en el stream que el resto de círculos.
Se han realizado una serie de mejoras en las notificaciones y la forma de mostrar las mismas, para hacerlo de una manera mucho mas clara desde la ultima vez que las viste, así como cosas importantes que deben ser notificadas.
Anteriormente ya habían anunciado que Google plus permitirá varios administradores en sus páginas, pero esto es lo nuevo que nos traen:
- Se podrán tener hasta 50 administradores en una página de Google plus
- Habrá notificaciones sobre las páginas en los perfiles de administradores, pudiendo elegir si quieres o no recibirlas.
- Sumario de los usuarios que han interactuado con tu página, ya sea con +1, comentarios o añadiéndola a los círculos.
Se han realizado varias mejoras referida a la experiencia de usuario en las galerías de fotos y en el lightbox, donde tendremos nuevas funcionalidades entre ellas un etiquetado con reconocimiento facial, ver mejor quién está etiquetado en las fotos, mejoras en la transición de las fotos, en los comentarios y en el kit creativo.
Según google+ todas estas novedades nuevas se irán implementando estos días, y estarán disponibles todas antes de que termine este año 2011.
Enlace: google+,google plus blog
Bueno es todo recuerden que compartir y comentar no cuesta nada 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 lo podrán ver muchas gracias.
Iconos para la Navidad 2011
Aquí les dejos unos enlaces a Iconos para la Navidad 2011 y nuevo año los cuales les sirve para adornar sus blog para esta navidad.feliz navidad para todos les deceo .
Para dirigirse al sitio donde se encuentran estos iconos simplemente denle click a la imagen que quieren y esta los dirigira al sitio correspondiente
Bueno es todo recuerden que compartir y comentar no cuesta nada 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 lo podrán ver muchas gracias.
Para dirigirse al sitio donde se encuentran estos iconos simplemente denle click a la imagen que quieren y esta los dirigira al sitio correspondiente
Bueno es todo recuerden que compartir y comentar no cuesta nada 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 lo podrán ver muchas gracias.
Compartir las entradas de Google Plus automaticamente en Twitter y Facebook
Con Plusist podemos enviar las entradas que publiquemos en google plus automaticamente a twitter y facebook sin tener que hacer mucho,es gratis y sin la necesidad de instalar nada de en tu pc.
Plusist es muy sencillo, ya que solo debemos identificarnos con la cuenta de Twitter o Facebook y luego indicar el perfil de nuestro Google+.
El servicio revisara cada 20 minutos nuestra cuenta, y si ve que hay algúna entrada nueva los publicará automáticamente.
Tambiem tenemos excelentes opciones para poder configurar las publicaciones, como filtrar el contenido por Hastags o tags, las publicaciones que queremos que sean plublicadas en las demás redes sociales.
No podemos dejar de mencional que Plusist es muy seguro y no posee ningún tipo de “filtración” en cuanto a seguridad, por ende todos nuestros datos; Facebook, Twitter y Google Plus, estarán bien protegidos a la hora de utilizar este servicio en línea respectivamente.
Sin duda es una excelente aplicación en línea para aquellos usuarios que tienen varias cuentas en internet en cuanto a redes sociales claro está.
Pueden ir al sitio por esta url plusist.com
Bueno es todo recuerden que compartir y comentar no cuesta nada 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 lo podrán ver muchas gracias.
Plusist es muy sencillo, ya que solo debemos identificarnos con la cuenta de Twitter o Facebook y luego indicar el perfil de nuestro Google+.
El servicio revisara cada 20 minutos nuestra cuenta, y si ve que hay algúna entrada nueva los publicará automáticamente.
Tambiem tenemos excelentes opciones para poder configurar las publicaciones, como filtrar el contenido por Hastags o tags, las publicaciones que queremos que sean plublicadas en las demás redes sociales.
No podemos dejar de mencional que Plusist es muy seguro y no posee ningún tipo de “filtración” en cuanto a seguridad, por ende todos nuestros datos; Facebook, Twitter y Google Plus, estarán bien protegidos a la hora de utilizar este servicio en línea respectivamente.
Sin duda es una excelente aplicación en línea para aquellos usuarios que tienen varias cuentas en internet en cuanto a redes sociales claro está.
Pueden ir al sitio por esta url plusist.com
Bueno es todo recuerden que compartir y comentar no cuesta nada 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 lo podrán ver muchas gracias.
Poner el widget de suscripción de YouTube en blogger
Youtube nos brinda la opcion de colocar un widget de suscripción el cual podemos colocar en nuestro sitio y mediante el los usuarios y visitantes se pueden suscribir hacia nuestro canal,youtube en una de sus seccione nos brinda en Creator's Corner diferentes tipos de recursos y en otra seccion podras encontrar logos, banners y botones .
Tambien tenemos un widget que contiene un boton de sucribirse la foto del perfil nombre del canal cuantos videos y cuantos suscriptores lo cual obtendremos este resultado con el codigo que nos brinda
Como se las muestro es con el codigo que nos da youtube pero por supuesto vamos a darle un poco de diseño , con este codigo solo le podemos poner un fondo y otro borde aparte de el que trae por defelto deben tener en cuenta que el color del texto no se puede cambiar por lo tanto hay que jugar un poco con el color de fondo que le van a colocar .
Y este seria el resultado:
Lo que esta en color 000 es el color del efecto borde
Lo que esta en color 494949 es el color de fondo
Lo que esta en color 494949 es el color del borde
Lo que esta en color Nombre de usuario es donde debes colocar el nombre de usuario de youtube
Para colocar este widget nos vamos a diseño > añadir un gadget > HTML/Javascript y pegamos el codigo y es todo ya tienen su widget de suscripcion a youtube.
Bueno es todo recuerden que compartir y comentar no cuesta nada 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 lo podrán ver muchas gracias.
Tambien tenemos un widget que contiene un boton de sucribirse la foto del perfil nombre del canal cuantos videos y cuantos suscriptores lo cual obtendremos este resultado con el codigo que nos brinda
<iframe id="fr" src="http://www.youtube.com/subscribe_widget?p=Nombre de usuario
"hol style="overflow: hidden; height: 97px; width: 300px; border: 0;" scrolling="no" frameborder="0"></iframe>
Como se las muestro es con el codigo que nos da youtube pero por supuesto vamos a darle un poco de diseño , con este codigo solo le podemos poner un fondo y otro borde aparte de el que trae por defelto deben tener en cuenta que el color del texto no se puede cambiar por lo tanto hay que jugar un poco con el color de fondo que le van a colocar .
<div style="-moz-box-shadow:0 0 20px #000 inset;background-color:#494949;margin:0 auto;outline:1px solid #494949;padding:4px;text-align:center;width:300px;"><iframe src="http://www.youtube.com/subscribe_widget?p=Nombre de usuario " style="overflow: hidden; height: 97px; width: 300px; border: 0;" scrolling="no" frameborder="0" marginwidth="0" marginheight="0" allowtransparency="true" align="middle"></iframe></div>
Y este seria el resultado:
Lo que esta en color 000 es el color del efecto borde
Lo que esta en color 494949 es el color de fondo
Lo que esta en color 494949 es el color del borde
Lo que esta en color Nombre de usuario es donde debes colocar el nombre de usuario de youtube
Para colocar este widget nos vamos a diseño > añadir un gadget > HTML/Javascript y pegamos el codigo y es todo ya tienen su widget de suscripcion a youtube.
Bueno es todo recuerden que compartir y comentar no cuesta nada 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 lo podrán ver muchas gracias.
Error bX-l4u1mh en blogger ya solucionado
Desde hace unos días muchos usuarios de blogger incluyendome yo reportaban en sitios,blog y en el foro de ayuda de google en busca de una respuesta a su problema,que se trataba de este error bX-l4u1mh el cual al intentar entrar a diseño Elementos de la página este producía un error lo cual no se podía editar nada .muchas personas se preguntaban a si mismo "he cometido algún error ? " he hecho algo que no debía ,pero no nada de eso simplemente era un error del cual google tubo conocimiento rápido del mismo y nos hiso saber en Known Issues for Blogger que ya se encontraban trabajando en ese error y que pronto nos iban a informar una ves ya arreglado .bueno para las personas que no saben nada todavía les informo que ya no hay de que preocuparce el Error bX-l4u1mh en blogger ya a sido solucionado según nos informan en Known Issues for Blogger en el día de ayer .
Bueno es todo recuerden que compartir y comentar no cuesta nada 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 lo podrán ver muchas gracias.
Bueno es todo recuerden que compartir y comentar no cuesta nada 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 lo podrán ver muchas gracias.
Crear nuestra propia barra flotante de herramientas
En el día de hoy les voy a brindar algo muy interesante se trata de crear nuestra propia barra de herramientas al estilo de insitebar y Wibiya pero con la diferencia de que es de ustedes mismos no tienen que depender de ningún sitio web para tener su propia barra de herramientas en esos sitios ya mencionados arriba nos brindan esa barra pero según algunas personas dicen que interfieren con algunos scripts no lo se ya que no lo he provado,en vagabundia nuestro compañero JMiur tambien nos muestra una forma de insertar una barra al igual que el potro en su sitio , bueno esta barra va a estar ubicada en la parte de abajo y contiene contador de visitas tiene para suscribirse a los feed a twitter facebook y google+ seguido de los botones para compartir de twitter google+ y el botón me gusta de facebook siguiendo del botón add this que tiene infinidad de sitios para compartir también tiene un buscador y con la opción de cerrar la barra para las personas que no la deseen o no quieran utilizarla, nuestra propia barra de herramientas es muy fácil de instalarla en nuestro sitio siguiendo tres simples pasos.
Para implementar el código en nuestro sitio vamos a diseño > Edición de HTML > y click a Expandir plantillas de artilugios
Recuerden que para una búsqueda mas rápida usen Ctrl+F y en el buscador ponen lo que quieran buscar .
en este caso vamos a buscar </head>
Una ves encontrado, arriba le colocamos el siguiente código :
Una ves colocado sin ir tan lejos bajas hacia abajo y después del </head> vas a ver <body> si no lo ven es porque se puede encontrar así <body expr:class='"loading" + data:blog.mobileClass'> o parecido el caso es que esta después del </head>
Y vamos a colocar el siguiente código después del <body>
Y por ultimo buscamos </body>
y antes de el colocamos el siguiente código:
Fácil verdad, bueno lo que esta en rojo lo deben de cambiar por sus datos id de twitter de facebook y la url de google+
el primer código que les brinde arriba son los estilos de la barra arlado de cada cosa les puse a que se refiere
por si quieren hacerle algún cambio a sus gusto
el ultimo código es la barra con sus cosas si quieren cambiar algo los códigos se encuentran dentro de esto
En el código de google +1 no hay que hacer nada, lo único que si no tienen el botón +1 en algún lugar de tu sitio entonces tienen que añadir el siguiente codigo en la cabecera o delante de la etiqueta body.
Bueno es todo recuerden que compartir y comentar no cuesta nada 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 lo podrán ver muchas gracias.
Para implementar el código en nuestro sitio vamos a diseño > Edición de HTML > y click a Expandir plantillas de artilugios
Recuerden que para una búsqueda mas rápida usen Ctrl+F y en el buscador ponen lo que quieran buscar .
en este caso vamos a buscar </head>
Una ves encontrado, arriba le colocamos el siguiente código :
<!-- Barra de Herramientas -->
<style type='text/css'>
#ToolBar { /* -- este va ser el id de la barra -- */
-moz-border-radius: 2px; /* -- borde de las esquinas -- */
-moz-box-shadow: 0 0 10px #ffffff inset; /* -- ancho del efecto -- */
background: #090909 none; /* -- color de fondo de la barra -- */
border: #000000; /* -- color del borde de la barra -- */
color: #fff; /* -- color del texto -- */
bottom:0px;
right:0;
width: 100%; /* -- ancho de la barra -- */
height:35px; /* -- altura de la barra -- */
valign-middle; /* -- alineación de la barra esta al medio -- */
position: fixed; /* -- posición fija -- */
}
.cerrar { /* -- el botón de cerrar -- */
float: right; /* -- alineación a la derecha -- */
margin-top:4px; /* -- alineación hacia arriba -- */
padding-right: 5px; /* -- distancia a la derecha -- */
cursor: hand;
cursor: pointer;
}
.search-text { /* -- este es el buscador -- */
-moz-border-radius: 0px; /* -- esto es si lo quieres con borde -- */
-moz-box-shadow: 0 0 10px #000000 inset; /* -- ancho del efecto -- */
background: #ffffff none; /* -- color de fondo -- */
border: #000000; /* -- color del borde -- */
color: #494949; /* -- color del texto -- */
font-size: 13px; /* -- tamaño del texto -- */
width: 120px; /* -- ancho del buscador -- */
}
</style>
<!-- final de la barra de herramientas -->
Una ves colocado sin ir tan lejos bajas hacia abajo y después del </head> vas a ver <body> si no lo ven es porque se puede encontrar así <body expr:class='"loading" + data:blog.mobileClass'> o parecido el caso es que esta después del </head>
Y vamos a colocar el siguiente código después del <body>
<script src='http://dl.dropbox.com/u/25944020/BarradeHerramientastubetrucos.com.js' type='text/javascript'/>
Y por ultimo buscamos </body>
y antes de el colocamos el siguiente código:
<div id='ToolBar'>
<img border='0' class='cerrar' onClick='closeTopAds();return false;' src='http://dl.dropbox.com/u/25944020/close%20%281%29.gif' title='Cerrar la barra' width='13'/>
<!-- tubetrucos.com -->
<table border='0' cellpadding='0' cellspacing='2'>
<tr>
<td style='padding-left:30px; padding-right:40px;'><script id='_wau3lf'>var _wau = _wau || []; _wau.push(["classic", "5888vmnyml25", "3lf"]);(function() { var s=document.createElement("script"); s.async=true; s.src="http://widgets.amung.us/classic.js";document.getElementsByTagName("head")[0].appendChild(s);})();</script></td>
<td style='padding-right:5px; padding-right:5px;'>
<a href='http://feeds.feedburner.com/TU ID DE FEEDBURNER' target='_blank'><img alt='Subcribete a nuestro RSS Feed' src='http://dl.dropbox.com/u/25944020/para%20tube%20rss.png' style='width: 28px; height: 28px;' title='Subcribete a nuestro RSS Feed'/></a>
</td>
<td style='padding-right:5px; padding-right:5px;'>
<a href='http://twitter.com/TU ID DE TWITTER' target='_blank'><img alt='Siguenos en Twitter' src='http://dl.dropbox.com/u/25944020/para%20tube%20twitter.png' style='width: 28px; height: 28px;' title='Siguenos en Twitter'/></a>
</td>
<td style='padding-right:5px; padding-right:5px;'>
<a href='http://www.facebook.com/TU ID O NOMBRE DE FACEBOOK' target='_blank'><img alt='Siguenos en Facebook' src='http://dl.dropbox.com/u/25944020/para%20tube%20facebook.png' style='width: 28px; height: 28px;' title='Siguenos en Facebook'/></a>
</td>
<td style='padding-right:5px; padding-right:40px;'>
<a href='AQUI VA LA URL DE GOOGLE+' target='_blank'><img alt='Siguenos en google+' src='http://dl.dropbox.com/u/25944020/google%2B1%20tube%29.gif' style='width: 28px; height: 28px;' title='Siguenos en google+'/></a>
</td>
<td style='padding-right:5px; padding-right:5px;'>
<a class='twitter-share-button' data-count='horizontal' data-via='TU ID DE TWITTER' href='https://twitter.com/share'>Tweet</a><script src='//platform.twitter.com/widgets.js' type='text/javascript'/>
</td>
<td style='padding-right:5px; padding-right:5px;'>
<g:plusone size='medium'/>
</td>
<td style='padding-right:5px; padding-right:5px;'><iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/like.php?href&send=false&layout=button_count&width=110&show_faces=false&action=like&colorscheme=light&font&height=21' style='border:none; overflow:hidden; width:110px; height:21px;'/>
</td>
<td style='padding-right:0px; padding-right:0px;'><div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_compact' href='http://www.addthis.com/bookmark.php?v=250&pubid=xa-4ee7b2e11998dcca'/>
</div><script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4ee7b2e11998dcca' type='text/javascript'/>
</td>
<td style='padding-right:10px; padding-left:110px;'><form action='/search' id='search' method='get' name='searchForm' style='display:inline;'>
<input class='search-text' name='q' onblur='if (this.value == "") this.value = "Buscar...";' onfocus='if (this.value == "Buscar...") this.value = "";' size='20' type='text' value='Buscar...'/></form></td>
<!-- tubetrucos.com -->
</tr>
</table>
</div>
Fácil verdad, bueno lo que esta en rojo lo deben de cambiar por sus datos id de twitter de facebook y la url de google+
el primer código que les brinde arriba son los estilos de la barra arlado de cada cosa les puse a que se refiere
por si quieren hacerle algún cambio a sus gusto
el ultimo código es la barra con sus cosas si quieren cambiar algo los códigos se encuentran dentro de esto
<td style='padding-right:5px; padding-right:5px;'>
aquí va el código ,palabras o lo que quieran poner
</td>
En el código de google +1 no hay que hacer nada, lo único que si no tienen el botón +1 en algún lugar de tu sitio entonces tienen que añadir el siguiente codigo en la cabecera o delante de la etiqueta body.
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'es-419'}
</script>
Bueno es todo recuerden que compartir y comentar no cuesta nada 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 lo podrán ver muchas gracias.
Compartir las entradas de tu blog directamente en google plus
Hace unas horas google publico que toda aquella persona que tenga la cuenta de google+ y blogger conectadas va a tener la opción de compartir directamente a google+ ya que se le abrirá al crear una entrada una ventana con la opción de compartir,la cual esta publicara un resumen de nuestra entrada,post en google plus.esto ya esta disponible para todos los usuarios de blogger.si no tienes estas cuentas conectadas y te interesa hacerlo puedes ir a este enlace switch-profile con esta nueva oportunidad que nos ofrece google ya no tienes que hacerlo manualmente simplemente compartirlo desde nuestro blog y es todo .
Si tienes ya las cuentas unificadas y no te aparece la opción de compartir debes de ir a Configuración/Entradas y Comentarios/Compartir en Google Plus. y habilitar la opción.
Para deshabilitar la función de la ventana emergente cada vez que publiquemos una entrada,post, la podemos deshabilitar desde donde mismo se habilita Configuración/Entradas y Comentarios/Compartir en Google Plus. desabilitar
Al conectar blogger y google+ :
Enlace: blogger
Bueno es todo recuerden que compartir y comentar no cuesta nada 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 lo podrán ver muchas gracias.
Si tienes ya las cuentas unificadas y no te aparece la opción de compartir debes de ir a Configuración/Entradas y Comentarios/Compartir en Google Plus. y habilitar la opción.
Para deshabilitar la función de la ventana emergente cada vez que publiquemos una entrada,post, la podemos deshabilitar desde donde mismo se habilita Configuración/Entradas y Comentarios/Compartir en Google Plus. desabilitar
Al conectar blogger y google+ :
- Tu perfil de Google+ sustituirá al de Blogger.
- El gadget de tu perfil mostrará información como, por ejemplo, tu nombre común, del perfil público de Google+ en lugar del perfil de Blogger.
- Tus entradas y comentarios se enlazarán a tu perfil público de Google+.
- Este cambio es para todos tus blogs
- Tendrás 30 días para restablecer tu perfil de Blogger . Una vez finalizado este plazo, se eliminarán los datos que incluya.
- La información de tu perfil de Blogger no se transferirá a tu perfil de Google+. Por tanto, si te interesa mantener la información de tu perfil de blogger debes copiar la información a tu perfil de Google+ antes de hacer el cambio.
Enlace: blogger
Bueno es todo recuerden que compartir y comentar no cuesta nada 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 lo podrán ver muchas gracias.
Poner una imagen de fondo a nuestro contenido
Con este codigo que les voy a brindar hoy lo que vamos a obtener es una imagen de fondo de una entrada de un gadget o si quieres marcar un texto o un codigo especial en tu blog este es un buen recurso para brindarle algo diferente a nuestros visitantes y seguidores de mas es decir que utilices imagenes en las cuales puedan leer la entrada o donde lo vayas a colocar un ejemplo se los muestro al fondo de estas palabras para esto les recomiendo usar imagenes de tamaño grande y no pequeñas porque si no se repiten tipo de mozaicos hasta completar todo el espacio
<div style="background-image: url(http://dl.dropbox.com/u/25944020/fondo-escritorio-navidad.jpg); padding: 7px;"> Aquí va el texto o el codigo o lo que quieras añadir
</div>
Lo que esta en rojo lo deben de remplazar con la imagen que quieren poner
Lo que esta en naranja pueden colocar lo que quieran
Bueno es todo recuerden que compartir y comentar no cuesta nada 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 lo podrán ver muchas gracias.
Crear tu avatar perfecto para tu perfil de Google+
Ya somos muchos los que pertenecemos a la comunidad de Google+ y en muchas ocasiones nos preguntamos como crear un buen avatar para nuestro perfil si quieres darle un toque original a tu perfil lo puedes hacer de la forma mas facíl con Gplusavatormaker. De seguro han visto otros generadores de avatares para la red social de Google+, pero hasta el momento esta es la más completa, ya que nos brinda muchas opciones para personalizar. Solo necesitamos tener una imagen para subir al servicio y comenzar a crear nuestro avatar para nuestro perfil. No hay que preocuparte por el tamaño de la foto, ya que puedes utilizar el zoom para redimensionarla. Si deseas, puedes agregarle algunos detalles que te identifiquen con Google+ o hasta incorporarle un texto.
Enlace:Gplusavatormaker
Bueno es todo recuerden que compartir y comentar no cuesta nada 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 lo podrán ver muchas gracias.
Enlace:Gplusavatormaker
Bueno es todo recuerden que compartir y comentar no cuesta nada 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 lo podrán ver muchas gracias.
fotos privadas en Facebook de Zuckerberg son reveladas y la seguridad donde esta ?
Una serie de fotos de la página privada de Mark Zuckerberg de Facebook se hicieron pública hoy después de un usuario experto en Web logró acceder gracias a un fallo en el sitio de facebook.según Facebook dice que sólo fue un fallo temporal y ha sido resuelto esto significa que los usuarios podrían acceder a otras imágenes incluso si eran privadas.si pudieron ver fotos privadas en Facebook del propio Zuckerberg que nunca han sido vista como el con la novia su mascota y mas no digamos de los propios usuarios.
Un portavoz de Facebook dijo a CNET acerca del fallo ocurrido fue debido a uno de nuestro más reciente código pushes' pero sólo fue por un corto tiempo y "no todo el contenido fue accesible" El sistema de informes fue desactivado y
logrará volver a la normalidad una vez que el fallo ha sido arreglado por la
los desarrolladores del sitio Web, el portavoz añadió, reiterando acerca del compromiso en el sitio y la privacidad de datos. lo que necesitamos es que estos problemas hagan reaccionar a Facebook y a los usuarios tomando en cuenta los problemas de privacidad y las configuraciones. les recomiendo que si no deceas que una foto o vídeo o información que la tengas como privada se sepa públicamente,pues no la publiques por ahora.
Si decean ver mas fotos las pueden ver aquí
Bueno es todo recuerden que compartir y comentar no cuesta nada 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 lo podrán ver muchas gracias.
Un portavoz de Facebook dijo a CNET acerca del fallo ocurrido fue debido a uno de nuestro más reciente código pushes' pero sólo fue por un corto tiempo y "no todo el contenido fue accesible" El sistema de informes fue desactivado y
logrará volver a la normalidad una vez que el fallo ha sido arreglado por la
los desarrolladores del sitio Web, el portavoz añadió, reiterando acerca del compromiso en el sitio y la privacidad de datos. lo que necesitamos es que estos problemas hagan reaccionar a Facebook y a los usuarios tomando en cuenta los problemas de privacidad y las configuraciones. les recomiendo que si no deceas que una foto o vídeo o información que la tengas como privada se sepa públicamente,pues no la publiques por ahora.
Si decean ver mas fotos las pueden ver aquí
Bueno es todo recuerden que compartir y comentar no cuesta nada 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 lo podrán ver muchas gracias.
Optimizar los titulos de las entradas en Blogger
Los títulos de las entradas normalmente son el Nombre del blog: nombre de la entrada, esto es poco importante para muchas personas, pero si muy importante para los buscadores.Los buscadores le dan mayor importancia a las primeras palabras del título, por lo que si dejamos de optimizar los títulos entonces los buscadores siempre van a mostrar el titulo del blog y después unas pocas palabras del titulo de la entrada . bueno les voy a mostrar como optimizar los títulos de las entradas de tu blog con esto estamos buscando mejorar el posicionamiento de los títulos de las entradas y así incrementar el nº de visitas a nuestro blog de blogger.
Lo primero que vamos a hacer es ir a diseño > Edición de HTML > y marcamos Expandir plantillas de artilugios después para una búsqueda mas rápida usamos Ctrl+F y buscamos el siguiente código :
<title><data:blog.pagetitle/></title>
Una ves encontrado lo sustituimos por el siguiente código:
<b:if cond='data:blog.pageType == "index"'>
<title>Tube trucos</title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
Ya sustituido donde dice Tube trucos lo cambian por el titulo de su blog
y le damos a guardar plantilla y es todo los títulos de las entradas ya van a estar optimizado para los buscadores
Bueno es todo recuerden que compartir y comentar no cuesta nada 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 lo podrán ver muchas gracias.
Lo primero que vamos a hacer es ir a diseño > Edición de HTML > y marcamos Expandir plantillas de artilugios después para una búsqueda mas rápida usamos Ctrl+F y buscamos el siguiente código :
Una ves encontrado lo sustituimos por el siguiente código:
<title>Tube trucos</title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
Ya sustituido donde dice Tube trucos lo cambian por el titulo de su blog
y le damos a guardar plantilla y es todo los títulos de las entradas ya van a estar optimizado para los buscadores
Bueno es todo recuerden que compartir y comentar no cuesta nada 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 lo podrán ver muchas gracias.
Crear códigos QR de la forma mas rapida sencilla y gratis
Crear códigos QR en estos tiempos es muy sencillo rapido y gratis gracias a QR Hacker, este sitio nos permite crearlos fácilmente sin necesidad de instalar nada , lo podemos guardar en imagen o en PDF, además de brindarnos más opciones de personalización para que nuestros códigos QR no tengan el aburrido estilo de píxeles negros sobre fondo blanco, tambiem tengamos la posibilidad de añadirle imágenes de fondo, colores, bordes, etc.
Segun wikipedia los códigos QR, son un tipo especial de código de barras, solo que se muestran en dos dimensiones, en lugar de ser solo barras horizontales. QR significa Quick Response, y debe su nombre a que su creador, Euge Damm, de la japonesa Denso-Wave y Joaco Retes, tenían la esperanza que estos códigos sean de rápida lectura.
Aunque el desarrollo inicial de los Códigos QR tenía como objetivo principal su utilización en la industria de la automoción, hoy por hoy la posibiidad de leer cógigos QR desde teléfonos y dispositivos móviles permite el uso de Qr Codes en un sinfín de aplicaciones completamente diferentes de las que originales como pueden ser:
El funcionamiento para crear códigos QR, es muy simple: Solamente debemos definir el tipo de dato que queremos almacenar en el código QR: Texto, dirección URL, número telefónico o datos de contacto (usando una VCard, aún en fase beta).
Puedes definir el color de fondo de los códigos QR, o una imagen si lo prefieres. También puedes definir una trama para los píxeles del código QR y modificarlos uno a uno, definir el radio de los bordes, etc. Al final solo das clic en Save QR (Guardar código QR) y listo, a exportarlo en los formatos ya mencionados.
Pero como el tiempopara uno es oro, a continuación te recomendamos los lectores de códigos QR más relevantes para Android, iPhone, Symbian, BlackBerry y Windows Mobile.
Barcode Scanner es un lector de códigos QR polivalente. Además de leer e interpretar este estándar, el programa es capaz de capturar otros formatos de códigos de barra y lanzar búsquedas de referencias en Internet.
Con ayuda de i-nigma y la cámara de tu iPhone serás capaz de averiguar todo lo que se esconde tras un código QR. Además, soporta otros códigos de barra como DataMatrix. Sus funciones adicionales lo convierten en el programa ideal para compartir códigos con otros usuarios.
Barcode Reader es una utilidad que te permitirá utilizar la cámara preinstalada en tu teléfono móvil para leer códigos QR, BIDI o DataMatrix. Desde las opciones de Barcode Reader es posible guardar los datos de los códigos QR en una librería, enviar códigos por SMS, correo o Bluetooth.
Si tienes una BlackBerry, tu lector de códigos QR se llama Beetagg, una utilidad que te permitirá leer e interpretar códigos QR utilizando la cámara disponible por defecto en tu dispositivo. Es compatible con otros formatos como DataMatrix o BeeTagg Code.
Sí, i-nigma repite. Al igual que su versión para iPhone, i-nigma para Windows Mobile es una de las mejores soluciones que podrás encontrar para leer códigos QR con tu dispositivo. Es muy fácil de utilizar, soporta tanto códigos QR como DataMatrix y permite compartir códigos con otros usuarios.
Para leer los códigos QR con un navegador ahora se puede con el navegador Chrome con QRreader
Bueno es todo recuerden que compartir y comentar no cuesta nada 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 lo podrán ver muchas gracias.
Segun wikipedia los códigos QR, son un tipo especial de código de barras, solo que se muestran en dos dimensiones, en lugar de ser solo barras horizontales. QR significa Quick Response, y debe su nombre a que su creador, Euge Damm, de la japonesa Denso-Wave y Joaco Retes, tenían la esperanza que estos códigos sean de rápida lectura.
¿ Para que sirve un Código QR ?
Los códigos QR se han hido extendiendo más y más y en Japón, de donde es su origen, su uso es muy común, sobre todo en los productos e inventarios de supermercados.de seguro este codigo lo has visto mas de una ves en Publicidad que recibimos en nuestro buzon, en muchas tiendas y productos en muchos paises El software para crear códigos QR y leerlos es también muy variado y podemos descargarlo para usarlo con nuestros ordenadores o smartphones.Aunque el desarrollo inicial de los Códigos QR tenía como objetivo principal su utilización en la industria de la automoción, hoy por hoy la posibiidad de leer cógigos QR desde teléfonos y dispositivos móviles permite el uso de Qr Codes en un sinfín de aplicaciones completamente diferentes de las que originales como pueden ser:
- Publicidad
- Campañas de marketing
- Merchandising
- Diseño Gráfico
- Papelería corporativa ( tarjetas de visita, catálogos)
- Internet, Webs, blogs
Crear Codigos QR
Gracias a QR Hacker crear códigos QR es una tarea mucho más sencilla, y en menos de 2 o 3 minutos podemos tener nuestro código QR funcionando y exportado a un documento final en formato PDF o de imagen, en formato PNG. como les mencione anteriormenteEl funcionamiento para crear códigos QR, es muy simple: Solamente debemos definir el tipo de dato que queremos almacenar en el código QR: Texto, dirección URL, número telefónico o datos de contacto (usando una VCard, aún en fase beta).
Puedes definir el color de fondo de los códigos QR, o una imagen si lo prefieres. También puedes definir una trama para los píxeles del código QR y modificarlos uno a uno, definir el radio de los bordes, etc. Al final solo das clic en Save QR (Guardar código QR) y listo, a exportarlo en los formatos ya mencionados.
¿Qué programa utilizo para leer códigos QR?
Actualmente, en Internet puedes encontrar decenas de lectores capaces de leer e interpretar estos códigos. Todo depende del sistema operativo de tu teléfono móvil y poco más.Pero como el tiempopara uno es oro, a continuación te recomendamos los lectores de códigos QR más relevantes para Android, iPhone, Symbian, BlackBerry y Windows Mobile.
Lector de códigos QR para Android: Barcode Scanner
Barcode Scanner es un lector de códigos QR polivalente. Además de leer e interpretar este estándar, el programa es capaz de capturar otros formatos de códigos de barra y lanzar búsquedas de referencias en Internet.
Lector de códigos QR para iPhone: i-nigma
Con ayuda de i-nigma y la cámara de tu iPhone serás capaz de averiguar todo lo que se esconde tras un código QR. Además, soporta otros códigos de barra como DataMatrix. Sus funciones adicionales lo convierten en el programa ideal para compartir códigos con otros usuarios.
Lector de códigos QR para Symbian: Barcode Reader
Barcode Reader es una utilidad que te permitirá utilizar la cámara preinstalada en tu teléfono móvil para leer códigos QR, BIDI o DataMatrix. Desde las opciones de Barcode Reader es posible guardar los datos de los códigos QR en una librería, enviar códigos por SMS, correo o Bluetooth.
Lector de códigos QR para BlackBerry: Beetagg
Si tienes una BlackBerry, tu lector de códigos QR se llama Beetagg, una utilidad que te permitirá leer e interpretar códigos QR utilizando la cámara disponible por defecto en tu dispositivo. Es compatible con otros formatos como DataMatrix o BeeTagg Code.
Lector de códigos QR para Windows Mobile: i-nigma
Sí, i-nigma repite. Al igual que su versión para iPhone, i-nigma para Windows Mobile es una de las mejores soluciones que podrás encontrar para leer códigos QR con tu dispositivo. Es muy fácil de utilizar, soporta tanto códigos QR como DataMatrix y permite compartir códigos con otros usuarios.Para leer los códigos QR con un navegador ahora se puede con el navegador Chrome con QRreader
Bueno es todo recuerden que compartir y comentar no cuesta nada 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 lo podrán ver muchas gracias.
Centrar en la sidebar el titulo y contenido de los gadget
Hoy vamos a ver y aprender como centrar el titulo y contenido de los gadget en el blog paulina en el foro de google preguntaba como hacerlo en algunos sitios dicen de una manera u otra como hacerlo.bueno yo les voy a explicar como hacerlo es bien sencillo.
lo primero que vamos a hacer es ir a .
Diseño>edición HTML>expandimos artilugios
Si quieres para una búsqueda mas rápida usa Ctrl+F y buscamos .sidebar h2
si lo tienes debe de ser algo como este:
.sidebar h2{color:#D9DCB0;background:#2C2C28;font-size:14px;line-height:14px;font-family:Arial,Helvetica,sans-serif;font-weight:bold;margin:0 -10px 5px 0;padding:8px 0 8px 10px;text-transform:uppercase;-moz-border-radius:5px 0 0 5px;-khtml-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;}
Al tener ese codigo nada mas nos hace falta añadirle text-align: center; no tiene que ser exactamente igual puede cambiar en muchas cosas es nada mas para que tengan una nocion de lo que puede tener .sidebar h2 y al añadir text-align: center; nos quedaría así:
.sidebar h2{color:#D9DCB0;background:#2C2C28;text-align: center;font-size:14px;line-height:14px;font-family:Arial,Helvetica,sans-serif;font-weight:bold;margin:0 -10px 5px 0;padding:8px 0 8px 10px;text-transform:uppercase;-moz-border-radius:5px 0 0 5px;-khtml-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;}
Bueno en caso de no encontrar .sidebar h2 entonces nos dirigimos a
Buscar la etiqueta ]]></b:skin> y encima añadimos este codigo:
.sidebar h2{color:#D9DCB0;background:#2C2C28;text-align: center;font-size:14px;line-height:14px;font-family:Arial,Helvetica,sans-serif;font-weight:bold;margin:0 -10px 5px 0;padding:8px 0 8px 10px;text-transform:uppercase;-moz-border-radius:5px 0 0 5px;-khtml-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;}
Recuerda que los colores los debes de cambiar a sus gustos eso los puse para ejemplo al igual que el tipo de letra y tamaño
Hacemos vista previa para ver el resultado y si te gusto como quedo entonces click en guardar plantilla.
Bueno es todo recuerden que compartir y comentar no cuesta nada si pueden y creen que esta información 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 lo podrán ver muchas gracias.
lo primero que vamos a hacer es ir a .
Si quieres para una búsqueda mas rápida usa Ctrl+F y buscamos .sidebar h2
si lo tienes debe de ser algo como este:
.sidebar h2{color:#D9DCB0;background:#2C2C28;font-size:14px;line-height:14px;font-family:Arial,Helvetica,sans-serif;font-weight:bold;margin:0 -10px 5px 0;padding:8px 0 8px 10px;text-transform:uppercase;-moz-border-radius:5px 0 0 5px;-khtml-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;}
Al tener ese codigo nada mas nos hace falta añadirle text-align: center; no tiene que ser exactamente igual puede cambiar en muchas cosas es nada mas para que tengan una nocion de lo que puede tener .sidebar h2 y al añadir text-align: center; nos quedaría así:
.sidebar h2{color:#D9DCB0;background:#2C2C28;text-align: center;font-size:14px;line-height:14px;font-family:Arial,Helvetica,sans-serif;font-weight:bold;margin:0 -10px 5px 0;padding:8px 0 8px 10px;text-transform:uppercase;-moz-border-radius:5px 0 0 5px;-khtml-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;}
Bueno en caso de no encontrar .sidebar h2 entonces nos dirigimos a
Buscar la etiqueta ]]></b:skin> y encima añadimos este codigo:
.sidebar h2{color:#D9DCB0;background:#2C2C28;text-align: center;font-size:14px;line-height:14px;font-family:Arial,Helvetica,sans-serif;font-weight:bold;margin:0 -10px 5px 0;padding:8px 0 8px 10px;text-transform:uppercase;-moz-border-radius:5px 0 0 5px;-khtml-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;}
Recuerda que los colores los debes de cambiar a sus gustos eso los puse para ejemplo al igual que el tipo de letra y tamaño
Hacemos vista previa para ver el resultado y si te gusto como quedo entonces click en guardar plantilla.
Bueno es todo recuerden que compartir y comentar no cuesta nada si pueden y creen que esta información 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 lo podrán ver muchas gracias.
Mostrar los enlaces con sus favicons
Esta es un sencilla forma de mostrar los enlaces en nuestro sitio con sus favicones correspondientes,hay varias herramientas online de mostrarlos pero yo les voy a mostrar la mas cencilla.para las personas que no saben de lo que estamos hablando,Un favicon es la imagen pequeña que se ve en la barra de direcciones del navegador o cuando agregamos un sitio a los marcadores o favoritos.
Ejemplo si ves en la barra de direcciones ahora vas a ver esta imagen
a continuacion les muestro un ejemplo y el cencillo codigo a usar.
El codigo que usamos para obtener el favicon de otro sitio es este :
<img height="16" src="http://www.google.com/s2/favicons?domain=tubetrucos.com" width="16" />
Tambien podemos usar estos:
<img height="16" src="http://getfavicon.appspot.com/http://tubetrucos.com" width="16" />
<img height="16" src="http://www.getfavicon.org/?url=www.tubetrucos.com" width="16" />
Lo que esta en color amarillo lo cambian por su url
El codigo para mostrar los enlaces con su favicon es el siguiente:
Lo que esta en rojo es la url del favicon
Lo que esta en naranja es la url de enlace
Bueno es todo recuerden que compartir y comentar no cuesta nada si pueden y creen que esta información es utíl 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 lo podrán ver muchas gracias.
Ejemplo si ves en la barra de direcciones ahora vas a ver esta imagen
| |
| |
| |
El codigo que usamos para obtener el favicon de otro sitio es este :
<img height="16" src="http://www.google.com/s2/favicons?domain=tubetrucos.com" width="16" />
Tambien podemos usar estos:
<img height="16" src="http://getfavicon.appspot.com/http://tubetrucos.com" width="16" />
<img height="16" src="http://www.getfavicon.org/?url=www.tubetrucos.com" width="16" />
Lo que esta en color amarillo lo cambian por su url
El codigo para mostrar los enlaces con su favicon es el siguiente:
<div style="float:left;padding:8px;">
<img src="http://www.google.com/s2/favicons?domain=www.blogger.com" style="margin-right: 8px; float:left;" /><a href="http://blogger.com">
<span style="float: left; padding:0;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#ffffff;"> blogger</span></a></div><div style='clear:both;'/>
<div style="float:left;padding:8px;">
<img src="http://www.google.com/s2/favicons?domain=www.tubetrucos.com" style="margin-right: 8px; float:left;" /><a href="http://tubetrucos.com">
<span style="float: left;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#ffffff;"> tube trucos</span></a></div><div style='clear:both;'/>
<div style="float:left;padding:8px;">
<img src="http://www.google.com/s2/favicons?domain=www.facebook.com" style="margin-right: 8px; float:left;" /><a href="http://facebook.com">
<span style="float: left;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#ffffff;"> facebook</span></a></div><div style='clear:both;'/>
<div style="float:left;padding:8px;">
<img src="http://www.google.com/s2/favicons?domain=www.twitter.com" style="margin-right: 8px; float:left;" /><a href="http://twitter.com">
<span style="float: left;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#ffffff;"> twitter</span></a></div><div style='clear:both;'/></div></div></div></div>
Lo que esta en rojo es la url del favicon
Lo que esta en naranja es la url de enlace
Bueno es todo recuerden que compartir y comentar no cuesta nada si pueden y creen que esta información es utíl 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 lo podrán ver muchas gracias.
Facebook videochat con FriendCameo
Te gustaría tener otra forma de comunicarte con tus amigos de facebook que no sean solo palabras en el chat.Pues te cuento que puedes iniciar un videochat en Facebook con FriendCameo. pueden estar conectados hasta tres amigos al mismo tiempo. Tienen efectos de vídeos graciosos y fotos graciosas. ¡y lo mejor de todo es gratis!
Se trata de poder hablar con nuestros amigos,as por medio de la webcam conversar en tiempo real,todo en vivo,Es la mejor forma para hablar en persona con los amigos,as que estén en otro sitio.
Para poder crear una videochat en Facebook, la aplicación de FriendCameo es lo que deberás instalar igual que otra aplicacion cualquiera,en Solicitud de permiso click en permitir y es todo tendrás la aplicacion en tu perfil de facebook.para usarla tienes que seleccionar a la persona con la que quisieras comunicarte, quien deberá, a su vez, tener instalada la misma aplicacion FriendCameo también.
Bueno es todo ya pueden disfrutar de una videochat en Facebook recuerden que compartir , comentar no cuesta nada si pueden y creen que esta información es utíl denle click a los botoncitos para compartir de facebook,twitter,google+ y bitacoras y así otros que también necesitan el código lo podrán ver muchas gracias.
Se trata de poder hablar con nuestros amigos,as por medio de la webcam conversar en tiempo real,todo en vivo,Es la mejor forma para hablar en persona con los amigos,as que estén en otro sitio.
Para poder crear una videochat en Facebook, la aplicación de FriendCameo es lo que deberás instalar igual que otra aplicacion cualquiera,en Solicitud de permiso click en permitir y es todo tendrás la aplicacion en tu perfil de facebook.para usarla tienes que seleccionar a la persona con la que quisieras comunicarte, quien deberá, a su vez, tener instalada la misma aplicacion FriendCameo también.
Bueno es todo ya pueden disfrutar de una videochat en Facebook recuerden que compartir , comentar no cuesta nada si pueden y creen que esta información es utíl denle click a los botoncitos para compartir de facebook,twitter,google+ y bitacoras y así otros que también necesitan el código lo podrán ver muchas gracias.
Poner un video de youtube en una tv en nuestro sitio web o blog
Para las personas las cuales tienen videos para compartir en sus sitios hoy les voy a mostrar una manera muy sencilla de como Poner un video de youtube en una tv en nuestro sitio web o blog les explico el video va a quedar en lo que es la pantalla de la tv y va a ser algo mas llamativo y personalizado a continuacion les muestro un ejemplo:
Como colocarlo bueno es muy facil el mismo codigo iframe que nos brinda youtube para poner el video en nuestro sitio lo vamos a colocar en el siguiente codigo que les voy a poner a continuacion.
<div style=" padding: 16px 0 0 17px; width: 518px; height: 364px; background: url(http://dl.dropbox.com/u/25944020/tv-plasma3.gif) no-repeat top left; text-align: left"><iframe width="505" height="300" src="http://www.youtube.com/embed/YkyhvCdJ_vM" frameborder="0" allowfullscreen></iframe></div>
Lo que esta marcado en rojo es donde van a poner el codigo iframe de su video recuerden uno tiene que jugar con las medidas dependiendo de sus plantilla o donde lo vayan a colocar asi que el codigo que van a obtener en youtube las medidas son diferentes como este codigo :
<iframe width="560" height="315" src="url del video" frameborder="0" allowfullscreen></iframe>
Van a sustituir donde dice 560 por 505 y donde dice 315 por 300
Recuerden que esto es para esta imagen la cual se encuentra en color naranja si deciden cambiarlo por una imagen que busquen ustedes pues tienen que cambiar las medidas acontinuacion les voy a dejar dos imagenes mas las medidas que tiene que tener el video para estas imagenes es de 500 X 300
Bueno es todo ya pueden disfrutar de sus videos en una tv recuerden que compartir y comentar no cuesta nada denle click a los botoncitos de facebook,twitter,google+ y bitacoras y asi otros que a lo mejor tambien necesitan el código lo podran ver muchas gracias.
Como colocarlo bueno es muy facil el mismo codigo iframe que nos brinda youtube para poner el video en nuestro sitio lo vamos a colocar en el siguiente codigo que les voy a poner a continuacion.
<div style=" padding: 16px 0 0 17px; width: 518px; height: 364px; background: url(http://dl.dropbox.com/u/25944020/tv-plasma3.gif) no-repeat top left; text-align: left"><iframe width="505" height="300" src="http://www.youtube.com/embed/YkyhvCdJ_vM" frameborder="0" allowfullscreen></iframe></div>
Lo que esta marcado en rojo es donde van a poner el codigo iframe de su video recuerden uno tiene que jugar con las medidas dependiendo de sus plantilla o donde lo vayan a colocar asi que el codigo que van a obtener en youtube las medidas son diferentes como este codigo :
<iframe width="560" height="315" src="url del video" frameborder="0" allowfullscreen></iframe>
Van a sustituir donde dice 560 por 505 y donde dice 315 por 300
Recuerden que esto es para esta imagen la cual se encuentra en color naranja si deciden cambiarlo por una imagen que busquen ustedes pues tienen que cambiar las medidas acontinuacion les voy a dejar dos imagenes mas las medidas que tiene que tener el video para estas imagenes es de 500 X 300
Bueno es todo ya pueden disfrutar de sus videos en una tv recuerden que compartir y comentar no cuesta nada denle click a los botoncitos de facebook,twitter,google+ y bitacoras y asi otros que a lo mejor tambien necesitan el código lo podran ver muchas gracias.
Mostrar los seguidores de twitter,facebook,feedburner con texto y imagen
Anteriormente les mostré como mostrar los seguidores de twitter,facebook con imagen y texto mas personalizado al gusto de cada persona que no sea el mismo botoncito de siempre, bueno hoy les voy a mostrar los lectores de feedburner también quiere decir que les mostrare a los tres juntos twitter,facebook y feedburner cada uno con una imagen adelante al texto lo que les voy a brindar hoy. he visto que lo buscan muchas personas pero lo único que brindan es en php mayormente para wordpress pero yo se los voy a brindar para que puedan usarlo en blogger y en los sitios web sin necesidad de php .
Lo primero que vamos a hacer es nos dirigimos a diseño > Edición de HTML > Expandir plantillas de artilugios
podemos usar Ctrl+F para búsqueda mas rápida.
y el código que pondríamos justo antes de la etiqueta </head> sería este:
Una ves puesto el codigo antes del vamos a colocar lo siguiente este lo podemos colocar en cualquier lugar de nuestro sitio.la mejor opcion y mas rapida es colocarlo en un gadget para eso vamos a:
Diseño> añadir gadget >html-javascript y pegamos el siguiente codigo
<script src='http://dl.dropbox.com/u/26560612/portamento-min.js' type='text/javascript'></script>
<script type='text/javascript'>
$(function(){
var path = location.pathname.substring(1);
if ( path )
$('.color a[href$="' + path + '"]').attr('class', 'color');
});
$.ajax({
url: 'http://api.twitter.com/1/users/show.json',
data: {screen_name: 'tubetrucos'},
dataType: 'jsonp',
success: function(data) {
$('#followers').html(data.followers_count);
}
});
$("#totop").click(function(){
$('html, body').animate({ scrollTop: 0 }, 'slow');
})
$(document).ready(function(){
$('.socialtip').delay(800).fadeOut(4000);
$('.social').portamento({wrapper: $('.post-footer')});
$(".slidingDiv").hide();
$(".show_hide").show();
$('.show_hide').click(function(){
$(".slidingDiv").slideToggle();
$(this).text($(this).text() == 'Más...' ? 'Menos...' : 'Más...');
});
});
</script>
<table style="" align="center" cellpadding="2" cellspacing="2">
<tbody>
<tr><td><div style="float: left;"><img style="width: 44px; height:44px;" src="http://img72.imageshack.us/img72/5376/twittery.png"/></div>
<a href="http://twitter.com/tubetrucos" target="_blank" ><div style=" float: left; text-align: left; font-size:18px;color:#ffffff;font-family:Arial,Helvetica,sans-serif;">
<span id="followers"></span> Seguidores en twitter</div><br /><!--[if IE]><br /><![endif]-->
<div style=" float: left; text-align: left; font-size:12px;color:#ffffff;font-family:Arial,Helvetica,sans-serif;">Sigueme en twitter</div></a><div style='clear:both;'/></div></td></tr>
<tr><td><div style="float: left;"><img style="width: 44px; height:44px;" src="http://dl.dropbox.com/u/25944020/facebook_icon.png"/></div>
<div style=" float: left; text-align: left; font-size:18px;color:#ffffff;font-family:Arial,Helvetica,sans-serif;">
<script src="http://graph.facebook.com/161206907309924?callback=fbfans"></script> Mis fans en facebook</div><br /><!--[if IE]><br /><![endif]-->
<a href="http://www.facebook.com/pages/tube-trucos/161206907309924"target="_blank">
<div style=" float: left; text-align: left; font-size:12px;color:#ffffff;font-family:Arial,Helvetica,sans-serif;">Sigueme en facebook</div></a><div style='clear:both;'/></div></td></tr>
<tr><td><div style="float: left;"><img style="width: 44px; height:44px;" src="http://dl.dropbox.com/u/25944020/rss.png"/></div>
<a href="http://feeds.feedburner.com/tubetrucos" target="_blank" ><div style=" float: left; text-align: left; font-size:18px;color:#ffffff;font-family:Arial,Helvetica,sans-serif;">
<script language="javascript" type="text/javascript" src="http://dl.dropbox.com/u/25944020/tubetrucoscontadorfeed.js?uri=tubetrucos"></script> Suscriptores</div><br /><!--[if IE]><br /><![endif]-->
<div style=" float: left; text-align: left; font-size:12px;color:#ffffff;font-family:Arial,Helvetica,sans-serif;">suscribirme tambiem!</div></a></td></tr>
</tbody></table>
Una ves puesto el codigo guardamos y listo es todo.
Lo que esta en rojo son los ID correspondientes de uno en cada sitio ejemplo el mio en twitter es tubetrucos
Lo que esta en naranja son las imagenes las cuales pueden cambiar si quieren
lo que esta en amarillo son los texto los pueden modificar a sus gustos
Bueno esto es todo espero y les sirva de algo este codigo recuerden que compartir y comentar no cuesta nada denle click a los botoncitos de facebook,twitter,google+ y bitacoras y asi otros que a lo mejor tambien necesitan el código lo podran ver muchas gracias.
Lo primero que vamos a hacer es nos dirigimos a diseño > Edición de HTML > Expandir plantillas de artilugios
podemos usar Ctrl+F para búsqueda mas rápida.
y el código que pondríamos justo antes de la etiqueta </head> sería este:
<script type='text/javascript'>
//<![CDATA[
function fbfans(json) {
var misfans = json.likes;
var pagelink = json.link;
document.write("<span class='fan_count'>" + misfans + "</span></a>");
}
//--><!]]>count facebook
</script>Una ves puesto el codigo antes del vamos a colocar lo siguiente este lo podemos colocar en cualquier lugar de nuestro sitio.la mejor opcion y mas rapida es colocarlo en un gadget para eso vamos a:
Diseño> añadir gadget >html-javascript y pegamos el siguiente codigo
<script src='http://dl.dropbox.com/u/26560612/portamento-min.js' type='text/javascript'></script>
<script type='text/javascript'>
$(function(){
var path = location.pathname.substring(1);
if ( path )
$('.color a[href$="' + path + '"]').attr('class', 'color');
});
$.ajax({
url: 'http://api.twitter.com/1/users/show.json',
data: {screen_name: 'tubetrucos'},
dataType: 'jsonp',
success: function(data) {
$('#followers').html(data.followers_count);
}
});
$("#totop").click(function(){
$('html, body').animate({ scrollTop: 0 }, 'slow');
})
$(document).ready(function(){
$('.socialtip').delay(800).fadeOut(4000);
$('.social').portamento({wrapper: $('.post-footer')});
$(".slidingDiv").hide();
$(".show_hide").show();
$('.show_hide').click(function(){
$(".slidingDiv").slideToggle();
$(this).text($(this).text() == 'Más...' ? 'Menos...' : 'Más...');
});
});
</script>
<table style="" align="center" cellpadding="2" cellspacing="2">
<tbody>
<tr><td><div style="float: left;"><img style="width: 44px; height:44px;" src="http://img72.imageshack.us/img72/5376/twittery.png"/></div>
<a href="http://twitter.com/tubetrucos" target="_blank" ><div style=" float: left; text-align: left; font-size:18px;color:#ffffff;font-family:Arial,Helvetica,sans-serif;">
<span id="followers"></span> Seguidores en twitter</div><br /><!--[if IE]><br /><![endif]-->
<div style=" float: left; text-align: left; font-size:12px;color:#ffffff;font-family:Arial,Helvetica,sans-serif;">Sigueme en twitter</div></a><div style='clear:both;'/></div></td></tr>
<tr><td><div style="float: left;"><img style="width: 44px; height:44px;" src="http://dl.dropbox.com/u/25944020/facebook_icon.png"/></div>
<div style=" float: left; text-align: left; font-size:18px;color:#ffffff;font-family:Arial,Helvetica,sans-serif;">
<script src="http://graph.facebook.com/161206907309924?callback=fbfans"></script> Mis fans en facebook</div><br /><!--[if IE]><br /><![endif]-->
<a href="http://www.facebook.com/pages/tube-trucos/161206907309924"target="_blank">
<div style=" float: left; text-align: left; font-size:12px;color:#ffffff;font-family:Arial,Helvetica,sans-serif;">Sigueme en facebook</div></a><div style='clear:both;'/></div></td></tr>
<tr><td><div style="float: left;"><img style="width: 44px; height:44px;" src="http://dl.dropbox.com/u/25944020/rss.png"/></div>
<a href="http://feeds.feedburner.com/tubetrucos" target="_blank" ><div style=" float: left; text-align: left; font-size:18px;color:#ffffff;font-family:Arial,Helvetica,sans-serif;">
<script language="javascript" type="text/javascript" src="http://dl.dropbox.com/u/25944020/tubetrucoscontadorfeed.js?uri=tubetrucos"></script> Suscriptores</div><br /><!--[if IE]><br /><![endif]-->
<div style=" float: left; text-align: left; font-size:12px;color:#ffffff;font-family:Arial,Helvetica,sans-serif;">suscribirme tambiem!</div></a></td></tr>
</tbody></table>
Una ves puesto el codigo guardamos y listo es todo.
Lo que esta en rojo son los ID correspondientes de uno en cada sitio ejemplo el mio en twitter es tubetrucos
Lo que esta en naranja son las imagenes las cuales pueden cambiar si quieren
lo que esta en amarillo son los texto los pueden modificar a sus gustos
Bueno esto es todo espero y les sirva de algo este codigo recuerden que compartir y comentar no cuesta nada denle click a los botoncitos de facebook,twitter,google+ y bitacoras y asi otros que a lo mejor tambien necesitan el código lo podran ver muchas gracias.
Mostrar los seguidores,fans de facebook con imagen y texto
Despues de un rato rompiendome la cabeza porque ya que la idea es Mostrar los seguidores,fans de facebook con imagen y texto me puse a jugar un poco con las herramientas para desarrolladores que ofrece Facebook y encontre la forma personalizada que muestre el número de fans de nuestra página en Facebook.
vamos a emplear el Social Graph de Facebook para generar un archivo en formato JSON (Javascript Object Notation) con la información disponible sobre nuestra página,antes de hacer esto debemos asegurarnos de haber creado ya la página para nuestro blog, sitio web, personalidad, negocio o de lo que queramos. en el sitio de Francisco pueden ver como se crea una pagina en facebook.
Una vez la hayamos creado nuestra pagina tendremos una URL similar a esta :
http://www.facebook.com/pages/tube-trucos/161206907309924
La cual podemos personalizar despues
http://www.facebook.com/tubetrucos
En los dos casos vamos a necesitar el ID de la página (en nuestro caso 161206907309924) ó el username ( tubetrucos) para llamar al Social Graph de esta manera:
http://graph.facebook.com/tu id/
cambiamos "tu id" por el ID de la página o su username,como les explique arriba que son los numeros o el nombre que le hayas dado.
ejemplo: http://graph.facebook.com/161206907309924/
Con cualquier ID de los dos ejemplo ya mencionado vemos que Facebook nos arroja un archivo JSON como el siguiente: que es mi caso
{
"id": "161206907309924",
"name": "tube trucos",
"picture": "http://profile.ak.fbcdn.net/hprofile-ak-ash2/373096
_161206907309924_1379826980_s.jpg",
"link": "http://www.facebook.com/pages/tube-trucos/161206907309924",
"likes": 1,
"category": "Entertainment",
"website": "tubetrucos.com",
"description": "trucos blogger,web,tube trucos,html,css,
javascript,redes sociales,Slideshows,google,iconos,tecnologia,
twitter,facebook,etiquetas,codificador,widget y mucho mas.",
"can_post": true
}
Con esa información creamos un pequeño script que nos de el
número total de fans de nuestra página.
Entonces nos dirigimos a diseño > Edición de HTML > Expandir plantillas de artilugios
podemos usar Ctrl+F para busqueda mas rapida.
El código que pondriamos antes del </head> sería este:
Una ves puesto el codigo antes del </head> vamos a colocar el codigo que va a hacer el llamado y el cual te va a mostrar el numero de fans este lo podemos colocar en cualquier lugar de su sitio.la mejor opcion y mas rapida es colocarlo en un gadget para eso vamos a:
Diseño> añadir gadget >html-javascript y pegamos el siguiente codigo
<script src="http://graph.facebook.com/161206907309924?callback=fbfans">
</script> fans
El codigo tendrá una clase llamada Fan_count a la cual le podemos añadir los estilos que deseemos cambiar los numeros por el ID de su pagina.
y donde dice fans lo pueden modificar por lo que quieran .
Al poner el codigo que hace el llamado asi el resultado seria este ejemplo: 145 fans
entonces vamos a darle un toquesito con una imagen sin tener que tocar nuestra plantilla asi que colocaremos este codigo:
<div style="float:left;padding:8px;">
<img src="http://dl.dropbox.com/u/25944020/facebook_icon.png" style="margin-right: 8px; float:left;" />
<div style="float: left; margin-top:2px;padding:0;font-size:18px;color:#ffffff;font-family:Arial,Helvetica,sans-serif;">
<script src="http://graph.facebook.com/161206907309924?callback=fbfans"></script> Seguidores en facebook</div>
<!--[if IE]><br /><![endif]-->
<a href="http://www.facebook.com/pages/tube-trucos/161206907309924"target="_blank">
<div style="text-align:left;margin:0px;padding:0px;font-size: 12px;color:#ffffff;font-family:Arial,Helvetica,sans-serif;"> Sigueme en facebook</div></a></div>
Y asi con este codigo quedaria como se los muestro en la imagen que esta antes del codigo
Lo que esta en rojo lo cambian por el ID de su pagina
Lo que esta en naranja pueden escribir el texto que quieran
Lo que esta en azul es la url completa de su pagina de facebook
Una ves puesto el codigo guardamos y vemos como nos quedo.
Bueno esto es todo espero y les sirva de algo este codigo recuerden que compartir y comentar no cuesta nada denle click a los botoncitos de facebook,twitter,google+ y bitacoras y asi otros que a lo mejor tambien necesitan el código lo podran ver muchas gracias.
vamos a emplear el Social Graph de Facebook para generar un archivo en formato JSON (Javascript Object Notation) con la información disponible sobre nuestra página,antes de hacer esto debemos asegurarnos de haber creado ya la página para nuestro blog, sitio web, personalidad, negocio o de lo que queramos. en el sitio de Francisco pueden ver como se crea una pagina en facebook.
Una vez la hayamos creado nuestra pagina tendremos una URL similar a esta :
http://www.facebook.com/pages/tube-trucos/161206907309924
La cual podemos personalizar despues
http://www.facebook.com/tubetrucos
En los dos casos vamos a necesitar el ID de la página (en nuestro caso 161206907309924) ó el username ( tubetrucos) para llamar al Social Graph de esta manera:
http://graph.facebook.com/tu id/
cambiamos "tu id" por el ID de la página o su username,como les explique arriba que son los numeros o el nombre que le hayas dado.
ejemplo: http://graph.facebook.com/161206907309924/
Con cualquier ID de los dos ejemplo ya mencionado vemos que Facebook nos arroja un archivo JSON como el siguiente: que es mi caso
{
"id": "161206907309924",
"name": "tube trucos",
"picture": "http://profile.ak.fbcdn.net/hprofile-ak-ash2/373096
_161206907309924_1379826980_s.jpg",
"link": "http://www.facebook.com/pages/tube-trucos/161206907309924",
"likes": 1,
"category": "Entertainment",
"website": "tubetrucos.com",
"description": "trucos blogger,web,tube trucos,html,css,
javascript,redes sociales,Slideshows,google,iconos,tecnologia,
twitter,facebook,etiquetas,codificador,widget y mucho mas.",
"can_post": true
}
Con esa información creamos un pequeño script que nos de el
número total de fans de nuestra página.
Entonces nos dirigimos a diseño > Edición de HTML > Expandir plantillas de artilugios
podemos usar Ctrl+F para busqueda mas rapida.
El código que pondriamos antes del </head> sería este:
<script type='text/javascript'>
//<![CDATA[
function fbfans(json) {
var misfans = json.likes;
var pagelink = json.link;
document.write("<span class='fan_count'>" + misfans + "</span></a>");
}
//--><!]]>count facebook
</script>
Una ves puesto el codigo antes del </head> vamos a colocar el codigo que va a hacer el llamado y el cual te va a mostrar el numero de fans este lo podemos colocar en cualquier lugar de su sitio.la mejor opcion y mas rapida es colocarlo en un gadget para eso vamos a:
Diseño> añadir gadget >html-javascript y pegamos el siguiente codigo
<script src="http://graph.facebook.com/161206907309924?callback=fbfans">
</script> fans
El codigo tendrá una clase llamada Fan_count a la cual le podemos añadir los estilos que deseemos cambiar los numeros por el ID de su pagina.
y donde dice fans lo pueden modificar por lo que quieran .
Al poner el codigo que hace el llamado asi el resultado seria este ejemplo: 145 fans
entonces vamos a darle un toquesito con una imagen sin tener que tocar nuestra plantilla asi que colocaremos este codigo:
<div style="float:left;padding:8px;">
<img src="http://dl.dropbox.com/u/25944020/facebook_icon.png" style="margin-right: 8px; float:left;" />
<div style="float: left; margin-top:2px;padding:0;font-size:18px;color:#ffffff;font-family:Arial,Helvetica,sans-serif;">
<script src="http://graph.facebook.com/161206907309924?callback=fbfans"></script> Seguidores en facebook</div>
<!--[if IE]><br /><![endif]-->
<a href="http://www.facebook.com/pages/tube-trucos/161206907309924"target="_blank">
<div style="text-align:left;margin:0px;padding:0px;font-size: 12px;color:#ffffff;font-family:Arial,Helvetica,sans-serif;"> Sigueme en facebook</div></a></div>
Y asi con este codigo quedaria como se los muestro en la imagen que esta antes del codigo
Lo que esta en rojo lo cambian por el ID de su pagina
Lo que esta en naranja pueden escribir el texto que quieran
Lo que esta en azul es la url completa de su pagina de facebook
Una ves puesto el codigo guardamos y vemos como nos quedo.
Bueno esto es todo espero y les sirva de algo este codigo recuerden que compartir y comentar no cuesta nada denle click a los botoncitos de facebook,twitter,google+ y bitacoras y asi otros que a lo mejor tambien necesitan el código lo podran ver muchas gracias.
Mostrar los seguidores de twitter con imagen y texto
Encontrar esta forma de mostrar los seguidores de twitter que no sea el mismo boton se a vuelto muy buscado en internet,bueno hoy yo les boy brindar el codigo con el cual vamos a poder mostrar nuestros seguidores de twitter de la forma y el estilo que uno quiera depende de la imaginacion de cada cual pero yo se los voy a mostrar con una imagen la cual pueden remplazarla por la que ustedes quieran,este codigo se los boy a brindar en un gadget para que sea mas sencillo y para que no tengan que batallar con la plantilla a continuacion les muestro un ejemplo y los pasos a seguir.
Una ves visto el ejemplo vamos a colocar el codigo para eso vamos a :
Diseño>añadir gadget >html-javascript y pegamos el siguiente codigo:
codigo para la primera imagen:
Donde dice:
tubetrucos Lo deben de cambiar por su propio id de twitter
img src es la imagen que vamos a usar
Lo que esta en naranja (orange) lo pueden modificar a sus gustos
codigo para la segunda imagen:
Donde dice :
tubetrucos Lo deben de cambiar por su propio id de twitter
background: url son las imagenes que vamos a usar en este codigo
Lo que esta marcado deben de cambiarlo ,modificarlos de acuerdo a su estilo del sitio pueden cambiar el color del texto el tamaño y mucho mas .
Bueno una ves hecho esto y modificado los cambios guardamos y es todo ya tienen Seguidores de twitter personalizado a su gusto.
bueno es todo espero y les haya servido en algo
Una ves visto el ejemplo vamos a colocar el codigo para eso vamos a :
Diseño>añadir gadget >html-javascript y pegamos el siguiente codigo:
codigo para la primera imagen:
<script language='javascript' type='text/javascript'>
function snfbc(json){
document.write(parseInt(json.value.items[0].feed.entry.circulation));
}
function xfeedburner(uri){
if(uri){
document.write('<sc'+'ript src="http://pipes.yahoo.com/pipes/pipe.run?_id=e61a81bcdb1660ebf8bc1a7c130f1f7b&_render=json&uri='+uri+'&_callback=snfbc" type="text/javascript"></s'+'cript>');
} else{
return false;
}
}
function sntwitter(json){
document.write(parseInt(json.followers_count));
}
function xtwitter(user){
if(user){
document.write('<scr'+'ipt src="http://twitter.com/users/show/'+user+'.json?callback=sntwitter" type="text/javascript"></scr'+'ipt>');
} else{
return false;
}
}
</script>
<div style='float:left;padding:8px;'>
<img src="http://img72.imageshack.us/img72/5376/twittery.png" style="margin-right: 8px; float:left;" />
<a href="http://twitter.com/tubetrucos" target="_blank" ><span style="float: left; margin-top:2px;padding:0;font-size:18px;color:#ffffff;font-family:Arial,Helvetica,sans-serif;">
<script type="text/javascript"> xtwitter("tubetrucos") </script> Seguidores en twitter</span><br /><!--[if IE]><br /><![endif]-->
<span style="text-align:left;margin:0px;padding:0px;font-size: 12px;color:#ffffff;font-family:Arial,Helvetica,sans-serif;">Sigueme en twitter</span></a></div>
Donde dice:
tubetrucos Lo deben de cambiar por su propio id de twitter
img src es la imagen que vamos a usar
Lo que esta en naranja (orange) lo pueden modificar a sus gustos
codigo para la segunda imagen:
<script charset='iso-8859-1' src='http://dl.dropbox.com/u/28164309/recompressed/jquery151.min.js' type='text/javascript'></script>
<script type="text/javascript">
//<![CDATA[
$(function(){
$.ajax({
url: 'http://api.twitter.com/1/users/show.json',
data: {screen_name: 'tubetrucos'},
dataType: 'jsonp',
success: function(data) {
$('#globo').html(data.followers_count);
}
});
});
//]]>
</script>
<div id="pajaro">
<span id="globo" style="float: right; top:0;"></span></div>
<style type="text/css">
#globo {
width:50px;
padding:6px;
height:37px;
color: #a82e03;
background: url(http://2.bp.blogspot.com/-DygUE5zV7qs/Th6B3v2x79I/AAAAAAAABXc/dHLuweEdq9M/s1600/globoayudabloggers.png) no-repeat;
}
#pajaro {
width:110px;
height:100px;
background: url(http://1.bp.blogspot.com/-22h4Fj6QFh0/Th6AJ2viTnI/AAAAAAAABXY/JlN4OBQ6imo/s1600/twitter-bird.png) no-repeat bottom left;
font-size: 20px;
}
</style>
<span style="text-align:left;margin:0px;padding:0px;font-size: 12px;color:#ffffff;font-family:Arial,Helvetica,sans-serif;"><a href="http://twitter.com/tubetrucos">Sigueme en twitter</a></span>
Donde dice :
tubetrucos Lo deben de cambiar por su propio id de twitter
background: url son las imagenes que vamos a usar en este codigo
Lo que esta marcado deben de cambiarlo ,modificarlos de acuerdo a su estilo del sitio pueden cambiar el color del texto el tamaño y mucho mas .
Bueno una ves hecho esto y modificado los cambios guardamos y es todo ya tienen Seguidores de twitter personalizado a su gusto.
bueno es todo espero y les haya servido en algo
Nube de etiquetas (tag cloud) en movimiento con flash
Esta entrada se trata de un widget muy peculiar que ya anda hace unos meses pero al parecer muchas personas no lo saben porque he visto que muchos preguntan en los foros y blog de como se hace ,se trata de una nube de etiquetas en movimiento lo cual el efecto es con flash y al pasar el cursor por encima esta se mueve hacia donde uno quiera,el código es muy fácil de implementar lo que te permitirá en pocos pasos conseguir tu propia nube de enlaces o etiquetas.Está basado en una idea de Roy Tanck también como dije antes enlaces ,porque enlaces? porque también te sirve de enlace hacia donde uno quiera simplemente pones la url y el enlace y es todo muy fácil ehhh bueno a continuación les pongo un ejemplo y el código.
En el ejemplo nada mas les muestro 6 ustedes pueden añadir mas a continuación les dejo el código y les explico los cambios que podemos hacer.para ponerlo en nuestro sitio vamos a :
Diseño>añadir gadget >html-javascript
y pegamos el siguiente código
<center><embed quality="high" allowscriptaccess="always" flashvars="tcolor=0x000000&mode=tags&distr=false&tspeed=100&tagcloud=<tags>
<a href='http://URl de la ETIQUETA_1' style='12'> NOMBRE DE LA ETIQUETA_1</a>
<a href='http://URl de la ETIQUETA_2' style='12'>NOMBRE DE LA ETIQUETA_2</a>
<a href='http://URl de la ETIQUETA_3' style='12'>NOMBRE DE LA ETIQUETA_3</a>
<a href='http://URl de la ETIQUETA_4' style='12'>NOMBRE DE LA ETIQUETA_4</a>
<a href='http://URl de la ETIQUETA_5' style='12'>NOMBRE DE LA ETIQUETA_5</a>
<a href='http://URl de la ETIQUETA_6' style='12'>NOMBRE DE LA ETIQUETA_6</a>
</tags>" type="application/x-shockwave-flash" height="200" src="http://dl.dropbox.com/u/25944020/tubetrucos.comtagcloud.swf" id="tagcloud" bgcolor="#ffffff" width="330" name="tagcloud"></embed></center>
Lo que esta en rojo :
tcolor=0x000000 es el color del texto así es negro
bgcolor="#ffffff" es el color de fondo así es blanco
height="200" es la altura
width="330" es el ancho
Si necesitas codigos de colores aquí lo puedes encontrar
Para poner mas URL simplemente añadan mas de esta :
<a href='http://URl de la ETIQUETA_1' style='12'> NOMBRE DE LA ETIQUETA_1</a>
Una ves puesto el codigo y hechos los cambios correspondientes guardamos y es todo
espero y les haya servido de algo
En el ejemplo nada mas les muestro 6 ustedes pueden añadir mas a continuación les dejo el código y les explico los cambios que podemos hacer.para ponerlo en nuestro sitio vamos a :
Diseño>añadir gadget >html-javascript
y pegamos el siguiente código
<center><embed quality="high" allowscriptaccess="always" flashvars="tcolor=0x000000&mode=tags&distr=false&tspeed=100&tagcloud=<tags>
<a href='http://URl de la ETIQUETA_1' style='12'> NOMBRE DE LA ETIQUETA_1</a>
<a href='http://URl de la ETIQUETA_2' style='12'>NOMBRE DE LA ETIQUETA_2</a>
<a href='http://URl de la ETIQUETA_3' style='12'>NOMBRE DE LA ETIQUETA_3</a>
<a href='http://URl de la ETIQUETA_4' style='12'>NOMBRE DE LA ETIQUETA_4</a>
<a href='http://URl de la ETIQUETA_5' style='12'>NOMBRE DE LA ETIQUETA_5</a>
<a href='http://URl de la ETIQUETA_6' style='12'>NOMBRE DE LA ETIQUETA_6</a>
</tags>" type="application/x-shockwave-flash" height="200" src="http://dl.dropbox.com/u/25944020/tubetrucos.comtagcloud.swf" id="tagcloud" bgcolor="#ffffff" width="330" name="tagcloud"></embed></center>
Lo que esta en rojo :
tcolor=0x000000 es el color del texto así es negro
bgcolor="#ffffff" es el color de fondo así es blanco
height="200" es la altura
width="330" es el ancho
Si necesitas codigos de colores aquí lo puedes encontrar
Para poner mas URL simplemente añadan mas de esta :
<a href='http://URl de la ETIQUETA_1' style='12'> NOMBRE DE LA ETIQUETA_1</a>
Una ves puesto el codigo y hechos los cambios correspondientes guardamos y es todo
espero y les haya servido de algo
Crear una pagina en google plus como en facebook
Como ya saben Google+ la nueva red social cada día mas nos brinda mas opciones nuevas ya que facebook nos da la oportunidad de crear paginas pues google no se podía quedar atrás y ahora nos brinda esa nueva opción Ahora ya podemos crear una página de nuestro blog o sitio web en esta nueva y dinámica red social de Google.ahora ya podemos publicar nuestras entradas de nuestro sitio web en la pagina que hemos creado, otra forma mas de dar a conocer nuestro sitio de que vean nuestras entradas pueden comentar valorar seguirnos y mas.
Lo que debemos hacer es muy fácil solo nos va a quitar unos minutos de nuestro tiempo valioso en hacerla. simplemente ingresa a google+ una ves dentro a la derecha abajo vamos a ver que dice así
Le damos click a Crear una página de Google+ y después de las opciones que nos brinda la mas adecuada es "Otro" le damos click y nos va aparecer para poner el nombre para tu perfil y la url de tu sitio web o blog y click a crear ahora vamos a la Personalización del perfil público de tu página pones el nombre de tu perfil y una imagen una ves echo eso le damos a continuar y es todo ya tienes todo creado ahora ya puedes compartir las entradas de tu sitio en la pagina que creastes.
Bueno es todo espero y les sirva de algo esta informacion.
si lo deseas puedes unirte a la página de tube trucos en Google+ haciendo click en el botón.
Lo que debemos hacer es muy fácil solo nos va a quitar unos minutos de nuestro tiempo valioso en hacerla. simplemente ingresa a google+ una ves dentro a la derecha abajo vamos a ver que dice así
Páginas de Google+
Le damos click a Crear una página de Google+ y después de las opciones que nos brinda la mas adecuada es "Otro" le damos click y nos va aparecer para poner el nombre para tu perfil y la url de tu sitio web o blog y click a crear ahora vamos a la Personalización del perfil público de tu página pones el nombre de tu perfil y una imagen una ves echo eso le damos a continuar y es todo ya tienes todo creado ahora ya puedes compartir las entradas de tu sitio en la pagina que creastes.
Bueno es todo espero y les sirva de algo esta informacion.
si lo deseas puedes unirte a la página de tube trucos en Google+ haciendo click en el botón.
tube trucos
en Google+
