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.

Read More

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.

Blogger

Tube trucos

facebook

Twitter

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.

Read More

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.

Read More

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.

Read More

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:

<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.

Read More

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:

<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.

Read More

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:

<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

Read More

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=&lt;tags&gt;

&lt;a href='http://URl de la ETIQUETA_1' style='12'&gt; NOMBRE DE LA ETIQUETA_1&lt;/a&gt;
&lt;a href='http://URl de la ETIQUETA_2' style='12'&gt;NOMBRE DE LA ETIQUETA_2&lt;/a&gt;
&lt;a href='http://URl de la ETIQUETA_3' style='12'&gt;NOMBRE DE LA ETIQUETA_3&lt;/a&gt;
&lt;a href='http://URl de la ETIQUETA_4' style='12'&gt;NOMBRE DE LA ETIQUETA_4&lt;/a&gt;
&lt;a href='http://URl de la ETIQUETA_5' style='12'&gt;NOMBRE DE LA ETIQUETA_5&lt;/a&gt;
&lt;a href='http://URl de la ETIQUETA_6' style='12'&gt;NOMBRE DE LA ETIQUETA_6&lt;/a&gt;

&lt;/tags&gt;" 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 :
&lt;a href='http://URl de la ETIQUETA_1' style='12'&gt; NOMBRE DE LA ETIQUETA_1&lt;/a&gt;

Una ves puesto el codigo y hechos los cambios correspondientes guardamos y es todo 
 espero y les haya servido de algo

Read More

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í

Páginas de Google+

Crear una página 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+

Read More

Como descargar todo lo que guarda facebook de ti

En facebook no ha sido  la primera  ves que a habido problemas con la privacidad de los usuarios ya muchos se han quejado,otras personas han optado por la vía legal y han denunciado a la famosa red social al descubrir que esta guardaba copias de sus datos eliminados.
Información personal Fotografías, publicaciones en el muro,  y mas es compartido día a día y como ya le he explicado  anteriormente de cómo eliminar  por completo nuestro historial de chat y mensajes de Facebook, también sabemos que Facebook guarda copias de nuestra información en sus servidores.
Ya muchos usuarios de la conocida red social facebook han enviado miles de solicitudes  que desean saber qué información de ellos es almacenada, aún  luego de haber sido borrada, Es así que facebook ha decidido optar por una solución  y dar a sus usuarios la posibilidad de que descarguen ellos mismos su información personal incluyendo una opción de descarga de información de Facebook.

Si quieres saber lo que a guardado facebook de ti  y quieres descargar toda tu información lo siguiente a hacer es :

1. Login en Facebook.
2. Del menú superior derecha, clic en la flecha derecha y luego selecciona Configuración de la cuenta.
3. Debajo de la sección idioma verás un enlace que dice Descarga una copia de tu información.
4. Cargará una nueva página. Dar clic en el botón verde Crear mi archivo.
5. Aparecerá una ventana donde confirmaremos la creación de nuestro archivo.
6. Esperar.

Según facebook esto es lo que contiene y no contiene .

¿Qué contiene tu archivo?

Cualquier foto o video que hayas compartido en Facebook.
Las publicaciones en tu muro, y tus mensajes y conversaciones de chat.
Los nombres de tus amigos y algunas de sus direcciones de correo electrónico.
(Nota: Solo incluiremos direcciones de correo electrónico de amigos que tengan esta opción permitida en la configuración de su cuenta.)

¿Qué no contiene tu archivo?

Las fotos y actualizaciones de estado de tus amigos.
Información personal de otras personas.
Comentarios tuyos a las publicaciones de otras personas.

Advertencia: protege tu información archivada

Tu archivo de Facebook incluye información confidencial como las publicaciones de tu muro, tus fotos y la información de tu perfil. Ten esto presente a la hora de guardar, enviar o subir este archivo a cualquier otro sitio o servicio.

Bueno esto es todo espero y les haya servido esta informacion.

Read More

Eliminar los mensajes e historial de facebook por completo

Eliminar los mensajes he historial de Facebook por completo puede ser un poco difícil si no conocemos la manera correcta.la cual yo no conocia y veia que cuando entraba a mi cuenta en el muro habian mensajes de mis conversaciones en el chat lo que pienso que no es correcto que se mostrara en el muro porque es del chat bueno tenia que buscarle una solucion a esto y trasteando un poco en mi facebook encontre la forma de eliminarlos por completo sin que se archivaran o que se guarden en el historial, muchas personas creen que basta con eliminar los mensajes del panel de mensajes, lo cierto es que siempre queda un rastro accesible en el historial de mensajes, aunque muy pocos usuarios lo saben en realidad hice este post porque al igual que a mi muchas personas a lo mejor no saben siquiera cómo acceder a esta sección.

Bueno hoy les voy a mostrar cómo eliminar estos mensajes he historial de Facebook para que no sean vistos o accesibles desde ningúna parte de nuestra cuenta.
Si no me explico bien a qué me refiero hagan lo siguiente cuando estén en Facebook: Luego de chatear con un amigo,a vayan a su panel de mensajes http://www.facebook.com/messages/ y borren sus mensajes dando clic al botóncito X que te dice archivar que aparece a la derecha de cada mensaje Verás que el mensaje desaparece, pero no es eliminado, solo archivado.

Bueno vamos al grano.
Como les dije anteriormente vayan a su panel de mensajes http://www.facebook.com/messages/ y borren sus mensajes dando clic al botóncito X que te dice archivar que aparece a la derecha de cada mensaje Verás que el mensaje desaparece, pero no es eliminado, solo archivado.
despues nos dirigimos hacia el fondo de la página.
a la izquierda vas a encontrar Archivados le damos click y nos va a aparecer todo lo que a sido archivado selecionamos el que queremos eliminar o todos nos dirigimos a acciones se encuentra arriba a la derecha le damos click y click a eliminar mensajes en la ventanita que se abre click a eliminar mensaje y te va a decir si eliminas este mensaje no hay forma de recuperarlo le das a eliminar y es todo sin huellas jajaja.
Con esta otra url podemos ir directamente al panel de mensajes archivados :
http://www.facebook.com/messages/?query=is:archived

Bueno espero y les haya servido de algo esta informacion

Read More

Los mejores botones en español para twitter

Aquí les dejo unos botones muy bonitos en español para twitter que he creado hoy los cuales los pueden poner en sus sitios web para que los visitantes dándole click a estos botones
los dirige hacia tu cuenta de twitter para que te sigan, a continuación les muestro las imagenes correspondientes a cada código.
Como ponerlo en sus sitios es muy fácil simplemente copian el código de la imagen
que les gusten y donde dice Tu id de twitter lo remplazan por su id ejemplo el mio es tubetrucos,una ves hecho eso y copiado el código lo pegan en donde quieran que aparezca en su sitio pueden colocarlo en un gadget van a diseño > Añadir un gadget >HTML/Javascript Añadir y pegan el código que copiaron lo guardan y es todo va a tener su botón de sigueme en twitter

<a href="http://twitter.com/TU ID DE TWITTER"><img src="http://dl.dropbox.com/u/25944020/siguemetubetrucos1.gif" title="tubetrucos.com" width="120" height="190" border="0" /></a><a href="http://www.tubetrucos.com/">Botones Twitter</a>

<a href="http://twitter.com/TU ID DE TWITTER"><img src="http://dl.dropbox.com/u/25944020/siguemetubetrucos2.gif" title="tubetrucos.com" width="120" height="190" border="0" /></a><a href="http://www.tubetrucos.com/">Botones Twitter</a>

<a href="http://twitter.com/TU ID DE TWITTER"><img src="http://dl.dropbox.com/u/25944020/siguemetubetrucos3.gif" title="tubetrucos.com" width="120" height="190" border="0" /></a><a href="http://www.tubetrucos.com/">Botones Twitter</a>

<a href="http://twitter.com/TU ID DE TWITTER"><img src="http://dl.dropbox.com/u/25944020/siguemetubetrucos4.gif" title="tubetrucos.com" width="120" height="190" border="0" /></a><a href="http://www.tubetrucos.com/">Botones Twitter</a>

<a href="http://twitter.com/TU ID DE TWITTER"><img src="http://dl.dropbox.com/u/25944020/siguemetubetrucos5.gif" title="tubetrucos.com" width="120" height="190" border="0" /></a><a href="http://www.tubetrucos.com/">Botones Twitter</a>

<a href="http://twitter.com/TU ID DE TWITTER"><img src="http://dl.dropbox.com/u/25944020/siguemetubetrucos6.gif" title="tubetrucos.com" width="120" height="190" border="0" /></a><a href="http://www.tubetrucos.com/">Botones Twitter</a>

<a href="http://twitter.com/TU ID DE TWITTER"><img src="http://dl.dropbox.com/u/25944020/siguemetubetrucos7.gif" title="tubetrucos.com" width="120" height="190" border="0" /></a><a href="http://www.tubetrucos.com/">Botones Twitter</a>

<a href="http://twitter.com/TU ID DE TWITTER"><img src="http://dl.dropbox.com/u/25944020/siguemetubetrucos8.gif" title="tubetrucos.com" width="120" height="190" border="0" /></a><a href="http://www.tubetrucos.com/">Botones Twitter</a>

<a href="http://twitter.com/TU ID DE TWITTER"><img src="http://dl.dropbox.com/u/25944020/siguemetubetrucos9.gif" title="tubetrucos.com" width="120" height="190" border="0" /></a><a href="http://www.tubetrucos.com/">Botones Twitter</a>

<a href="http://twitter.com/TU ID DE TWITTER"><img src="http://dl.dropbox.com/u/25944020/siguemetubetrucos10.gif" title="tubetrucos.com" width="120" height="190" border="0" /></a><a href="http://www.tubetrucos.com/">Botones Twitter</a>

<a href="http://twitter.com/TU ID DE TWITTER"><img src="http://dl.dropbox.com/u/25944020/siguemetubetrucos11.gif" title="tubetrucos.com" width="120" height="190" border="0" /></a><a href="http://www.tubetrucos.com/">Botones Twitter</a>

<a href="http://twitter.com/TU ID DE TWITTER"><img src="http://dl.dropbox.com/u/25944020/siguemetubetrucos12.gif" title="tubetrucos.com" width="120" height="190" border="0" /></a><a href="http://www.tubetrucos.com/">Botones Twitter</a>

<a href="http://twitter.com/TU ID DE TWITTER"><img src="http://dl.dropbox.com/u/25944020/siguemetubetrucos13.gif" title="tubetrucos.com" width="120" height="190" border="0" /></a><a href="http://www.tubetrucos.com/">Botones Twitter</a>

Read More

Mensajes aleatorios en la barra de titulo

Bueno hoy vamos a animar un poco la barra de titulo en la cual va a aparecer cada 10 segundo un mensaje nuevo hasta cuatros y mas,en el código que les brindo se los doy para que pongan cuatro mensajes no tan largo claro aunque si lo ponen un poquito largo para que se vea completo hay que poner el cursor encima de la barra de titulo pero ya eso es a gusto de cada persona este es un código pequeño y fácil de implementar yo les voy a marcar lo que deben cambiar.
Aquí les muestro un ejemplo:

Para poner este código vamos a Diseño > Edición de HTML y sin Expandir plantillas de artilugios ponemos en el  <head> y </head> el siguiente código:

<script language="JavaScript">
<!-- Este script y mucho mas en tubetrucos.com -->
function tubetrucos() {
var a = "Todo para tu web en tube trucos.";
var b = "Los trucos y gadget más completo en tube trucos";
var c = "Enlázanos desde tu página";
var d = "Enlazándonos nos ayudas a prosperar";
 var t = new Date();
 s = t.getSeconds();
 if (s == 10) {
  document.title = a;}
 else if (s == 20) {
 document.title = b;}
 else if (s == 30) {
 document.title = c;}
 else if (s == 60) {
 document.title = d;}
 else if (s == 40) {
 document.title = a;}
 else if (s == 50) {
 document.title = b;}
 else if (s == 70) {
 document.title = c;}
 else if (s == 00) {
 document.title = d;}
 setTimeout("tubetrucos()", 1000);
 }
</script>


Una ves colocado ese código vamos  a colocar el siguiente para eso bajamos mas hacia abajo o para una búsqueda mas rápida usen Ctrl+F y ponen lo que quieren buscar en este caso vamos a buscar </body>
Y justo antes vamos a colocar lo siguiente:

<body onLoad="tubetrucos()"></body>

Una ves puesto le damos click a guardar plantilla y es todo no dirigimos a nuestra pagina y vemos en la barra de titulo como cambia cada 10 segundos los mensajes que ustedes colocaron ,bueno espero y les haya servido de algo

Read More

Botones flotantes en la barra lateral de redes sociales

Hoy les brindo un código con el cual vamos a hacer que los botones con enlaces hacia nuestras redes sociales para que los visitantes de nuestro sitio se hagan nuestros seguidores floten en un lado de nuestro sitio puede ser en el lado derecho o izquierdo a gusto de cada cual este código lo hice para que todo vaya en un mismo lugar,para no tener que tocar nuestra plantilla el código tiene para facebook,twitter,feedburner,google+,añadir a favorito y linkedin puedes añadir todos los que quieras como también podemos modificar el tamaño la distancia de arriba hacia abajo y mucho mas.
Para implementarlo es muy sencillo simplemente lo añadimos en cualquier gadget lo mismo de arriba que de abajo que de un costado para hacerlo vamos a diseño > añadir un gadget > HTML/Javascript Añadir y pegamos el  siguiente código:




<div class="custom_images">
            <div style="position: fixed; top: 30%; right: 0;" text-align: left; margin: 0 0 0px;">

    <br />          
 <a target="_blank" href="http://facebook.com/tubetrucos" title="sigueme en facebook"><img src="http://dl.dropbox.com/u/25944020/para%20tube%20facebook.png" alt="sigueme en facebook" width="35" height="35" /></a>
<br />
<a target="_blank" href="http://twitter.com/TubeTrucos" title="sigueme en twitter"><img src="http://dl.dropbox.com/u/25944020/para%20tube%20twitter.png" alt="sigueme en Twitter" width="35" height="35" /></a>
<br />
<a target="_blank" href="http://www.youtube.com/user/jorge79357?feature=mhsn" title="sigueme en youtube"><img src="http://dl.dropbox.com/u/25944020/para%20tube%20youtube.png" alt="sigueme en youtube" width="35" height="35" /></a>
<br />
<a target="_blank" href="https://plus.google.com/u/0/106414615628908973724/posts?hl=es" title="sigueme en google+"><img src="http://dl.dropbox.com/u/25944020/google%2B1%20tube).gif"  alt="sigueme en google+" width="35" height="35" /></a>
<br />
<script type="text/javascript">
  function agregar(){
      
        if ((navigator.appName=="Microsoft Internet Explorer") && (parseInt(navigator.appVersion)>=4)) {
            var url="http://www.tubetrucos.com/";
            var titulo="tube trucos";
            window.external.AddFavorite(url,titulo);
        }
      
        else {
            if(navigator.appName == "Netscape")
                alert ("Presione Ctrl+D para agregar esta pagina en sus Marcadores");
            }
        }
    </script>
<a href="javascript:agregar()" title="Añadir a favoritos"><img src="http://dl.dropbox.com/u/25944020/favoritostube.gif" alt="Añadir a favoritos" width="35" height="35" /></a>
<br />
<a target="_blank" href="http://feeds.feedburner.com/tubetrucos" title="sigueme en feedburner"><img src="http://dl.dropbox.com/u/25944020/feedburnertubegif"  alt="sigueme en feedburner" width="35" height="35" /></a>
<br />
<a target="_blank" href="http://uy.linkedin.com/home?trk=hb_logo" title="sigueme en linkedin"><img src="http://dl.dropbox.com/u/25944020/intubetrucosgif"  alt="sigueme en linkedin" width="35" height="35" /></a>
<br />
</div></div>





Un ejemplo de como quedaria:

Les marque lo que deben de cambiar y modificar
Lo que esta en rojo
position: fixed; top: 30%; right: 0  es la distancia de harriba hacia abajo y separacion del borde como esta en la imagen esta en 0
title="sigueme en facebook" alt="sigueme en facebook" Titulo de la imagen y cuando el cursor pase por encima de esa imagen les va a decir en este caso sigueme en facebook
<img src="http://dl.dropbox.com/u/25944020/para%20tube%20facebook.png" esta es la imagen a mostrar la cual si quieren la pueden cambiar o pueden mantenerla como quieran yo la tengo alojada en dropbox
width="35" height="35" esto es el ancho y la altura de la imagen
y esas mismas opciones con las demas .
en el caso de añadir a favorito este texto lo pueden cambiar a sus gustos:
alert ("Presione Ctrl+D para agregar esta pagina en sus Marcadores
Lo que esta en naranja
href="http://facebook.com/tubetrucos" es la url correspondiente a la imagen con los demas  es lo mismo deben cambiarlo por sus url
en el caso de favoritos
var url="http://www.tubetrucos.com/"; la url de su sitio web o blog
var titulo="tube trucos";el titulo de su web o blog


Bueno una ves copiado y puesto el codigo en el lugar correspondiente y hecho los cambios debidos guardamos y es todo, espero y les haya servido de halgo.

Read More

El botón de Google Plus para seguirte

En Google Plus Widget nos brinda la posibilidad de añadir el codigo del boton de google plus para que mediante el nuestros visitantes,lectores o visitantes nos puedan añadir a sus círculos de Google Plus. este codigo nos los brindan completamente gratis y es muy facil de obtener y implementar este ya viene dentro de una cajita totalmente personalizable en la que se puede configurar el idioma, el tamaño, como la quieres y los colores de todos los elementos, incluido el del botón.
También si seleciona Include update feed te mostrara las últimas actualizaciones, que saldrán en su caso en modo de carrousel y mostrando las  últimas 8 ,actualizándose casa 7 segundos.
Bueno para obtenerlo vamos a ir a Google Plus Widget   el sitio esta en inglés pero le dan click a Get Widget y bajamos a hacia abajo y empesamos a ponerlo a nuestro gusto lo primero que debemos poner es el numero de id de google este lo van a obtener en su perfil de google plus arlado de la foto de su perfil esta su nombre le dan click y en la barra de direcciones ,url copien la numeracion larga solo los numeros este es un ejemplo de como se ve en la url :

https://plus.google.com/u/0/106414614628903973723/posts

Una ves puesto nuestro ID recurrimos a cambiar los colores tamaño etc ya hecho eso le damos a Get code y obtendremos una vista previa de como a quedado.si le gusto pues copiamos el codigo y lo pegamos en donde querramos en nuestro sitio eso es todo espero y les alla servido de algo esta informacion .

Read More

Slideshow ojeando paginas con imagenes

Hoy les voy a brindar un fabuloso slideshow es como si fuera ojeando paginas en un libro abierto que muestra dos paginas pero esta paginas van a ser imagenes cada ves que pase una ojeada muestra dos imagenes las cuales les puedes poner enlace o no tambien una ves pases el mouse por encima de una imagen esta se detendra y al quitarlo esta continuara en este codigo tenemos dos opciones que se muestre vertical o horizontal como se las muestro es vertical,mas abajo les muestro lo que podemos modificar ahora les muestro un ejemplo:

Este codigo lo debemos colocar en cualquier parte del body.

<body onload="ImageBook()"><br /> <script type="text/javascript"><br /> <br /> var Book_Image_Width=150;<br /> var Book_Image_Height=230;<br /> var Book_Border=true;<br /> var Book_Border_Color="gray";<br /> var Book_Speed=16;<br /> var Book_NextPage_Delay=1600; //1 segundo=1000<br /> var Book_Vertical_Turn=0; <br /> <br /> <br /> <br /> Book_Image_Sources=new Array(<br /> "http://dl.dropbox.com/u/25944020/images6.jpg","http://www.tubetrucos.com",<br /> "http://dl.dropbox.com/u/25944020/images5.jpg","http://www.tubetrucos.com",<br /> "http://dl.dropbox.com/u/25944020/images1.jpg","http://www.tubetrucos.com",<br /> "http://dl.dropbox.com/u/25944020/images2.jpg","http://www.tubetrucos.com",<br /> "http://dl.dropbox.com/u/25944020/images3.jpg","http://www.tubetrucos.com", <br /> "http://dl.dropbox.com/u/25944020/images4.jpg","http://www.tubetrucos.com" <br /> );<br /> <br /> <br /> var B_LI,B_MI,B_RI,B_TI,B_Angle=0,B_CrImg=6,B_MaxW,B_Direction=1;<br /> var B_MSz,B_Stppd=false;B_Pre_Img=new Array(Book_Image_Sources.length);<br /> <br /> function ImageBook(){<br /> if(document.getElementById){<br /> for(i=0;i<Book_Image_Sources.length;i+=2){<br /> B_Pre_Img[i]=new Image();B_Pre_Img[i].src=Book_Image_Sources[i]}<br /> Book_Div=document.getElementById("Book");<br /> B_LI=document.createElement("img");Book_Div.appendChild(B_LI); <br /> B_RI=document.createElement("img");Book_Div.appendChild(B_RI);<br /> B_MI=document.createElement("img");Book_Div.appendChild(B_MI); <br /> B_LI.style.position=B_MI.style.position=B_RI.style.position="absolute";<br /> B_LI.style.zIndex=B_RI.style.zIndex=0;B_MI.style.zIndex=1;<br /> B_LI.style.top=(Book_Vertical_Turn?Book_Image_Height+1:0)+"px";<br /> B_LI.style.left=0+"px";<br /> B_MI.style.top=0+"px";<br /> B_MI.style.left=(Book_Vertical_Turn?0:Book_Image_Width+1)+"px";<br /> B_RI.style.top=0+"px";<br /> B_RI.style.left=(Book_Vertical_Turn?0:Book_Image_Width+1)+"px";<br /> B_LI.style.height=Book_Image_Height+"px";<br /> B_MI.style.height=Book_Image_Height+"px";<br /> B_RI.style.height=Book_Image_Height+"px";<br /> B_LI.style.width=Book_Image_Width+"px";<br /> B_MI.style.width=Book_Image_Width+"px";<br /> B_RI.style.width=Book_Image_Width+"px";<br /> if(Book_Border){<br /> B_LI.style.borderStyle=B_MI.style.borderStyle=B_RI.style.borderStyle="solid";<br /> B_LI.style.borderWidth=1+"px";<br /> B_MI.style.borderWidth=1+"px";<br /> B_RI.style.borderWidth=1+"px";<br /> B_LI.style.borderColor=B_MI.style.borderColor=B_RI.style.borderColor=Book_Border_Color}<br /> B_LI.src=B_Pre_Img[0].src;<br /> B_LI.lnk=Book_Image_Sources[1];<br /> B_MI.src=B_Pre_Img[2].src;<br /> B_MI.lnk=Book_Image_Sources[3];<br /> B_RI.src=B_Pre_Img[4].src;<br /> B_RI.lnk=Book_Image_Sources[5];<br /> B_LI.onclick=B_MI.onclick=B_RI.onclick=B_LdLnk;<br /> B_LI.onmouseover=B_MI.onmouseover=B_RI.onmouseover=B_Stp;<br /> B_LI.onmouseout=B_MI.onmouseout=B_RI.onmouseout=B_Rstrt;<br /> BookImages()}}<br /> <br /> function BookImages(){<br /> if(!B_Stppd){<br /> if(Book_Vertical_Turn){<br /> B_MSz=Math.abs(Math.round(Math.cos(B_Angle)*Book_Image_Height));<br /> MidOffset=!B_Direction?Book_Image_Height+1:Book_Image_Height-B_MSz;<br /> B_MI.style.top=MidOffset+"px";<br /> B_MI.style.height=B_MSz+"px"}<br /> else{ B_MSz=Math.abs(Math.round(Math.cos(B_Angle)*Book_Image_Width));<br /> MidOffset=B_Direction?Book_Image_Width+1:Book_Image_Width-B_MSz;<br /> B_MI.style.left=MidOffset+"px";<br /> B_MI.style.width=B_MSz+"px"}<br /> B_Angle+=Book_Speed/720*Math.PI;<br /> if(B_Angle>=Math.PI/2&&B_Direction){<br /> B_Direction=0;<br /> if(B_CrImg==Book_Image_Sources.length)B_CrImg=0;<br /> B_MI.src=B_Pre_Img[B_CrImg].src;<br /> B_MI.lnk=Book_Image_Sources[B_CrImg+1];<br /> B_CrImg+=2}<br /> if(B_Angle>=Math.PI){<br /> B_Direction=1;<br /> B_TI=B_LI;<br /> B_LI=B_MI;<br /> B_MI=B_TI;<br /> if(Book_Vertical_Turn)B_MI.style.top=0+"px";<br /> else B_MI.style.left=Book_Image_Width+1+"px"; <br /> B_MI.src=B_RI.src;<br /> B_MI.lnk=B_RI.lnk;<br /> <br /> setTimeout("Book_Next_Delay()",Book_NextPage_Delay)}<br /> else setTimeout("BookImages()",50)}<br /> else setTimeout("BookImages()",50)}<br /> <br /> function Book_Next_Delay(){<br /> if(B_CrImg==Book_Image_Sources.length)B_CrImg=0;<br /> B_RI.src=B_Pre_Img[B_CrImg].src;<br /> B_RI.lnk=Book_Image_Sources[B_CrImg+1];<br /> B_MI.style.zIndex=2;<br /> B_LI.style.zIndex=1;<br /> B_Angle=0;<br /> B_CrImg+=2;<br /> setTimeout("BookImages()",50)}<br /> <br /> function B_LdLnk(){if(this.lnk)window.location.href=this.lnk}<br /> function B_Stp(){B_Stppd=true;this.style.cursor=this.lnk?"pointer":"default"}<br /> function B_Rstrt(){B_Stppd=false}<br /> </script><br /> <br /> <div id="Book" style="position:relative"><br /> <img src="http://dl.dropbox.com/u/25944020/tubetrucosplaceholder.gif" width="144" height="227"><br /> </div><br /> <br /> <br /> <br />

Lo que podemos modificar


    var Book_Image_Width=150;                El ancho de las imagenes
    var Book_Image_Height=230;               La altura de las imagenes
    var Book_Border=true;                          si deceas borde true o false
    var Book_Border_Color="gray";            color del borde
    var Book_Speed=16;                             la velocidad
    var Book_NextPage_Delay=1600;         un 1 segundo=1000
    var Book_Vertical_Turn=0;                    vertical o horizontal

Donde dice :

Book_Image_Sources=new Array(
      
 "http://dl.dropbox.com/u/25944020/images6.jpg","http://www.tubetrucos.com",                           "http://dl.dropbox.com/u/25944020/images5.jpg","http://www.tubetrucos.com",
 "http://dl.dropbox.com/u/25944020/images1.jpg","http://www.tubetrucos.com",

Lo que esta en rojo lo deben cambiar por su imagen y su url de enlace.

eso es todo espero y lo disfruten.

Read More

Poner un enlace a seguidores sin el gadget

Con este codigo que vamos a colocar en un Gadget HTML en la sidebar, footer, etc. lo que vamos a obtener es un enlace a seguidores sin necesidad de el gadget así le damos la posibilidad a nuestras visitas de hacerse seguidor de nuestro sitio, esto ya lo podemos ver en algunos sitios pero todavia hay dudas y yo quisiera aclararlas lo que vamos a ser es muy sencillo .

Tenemos tres opciones una con texto solamente otra con imagen y la otra con texto y imagen.

                                                   Con enlace de texto:

<a href="http://www.blogger.com/follow-blog.g?blogID=1110314070351770077" target="_blank"> Seguir a Tube trucos</a>

                                              Con enlace en una imagen:

<a href="http://www.blogger.com/follow-blog.g?blogID=1110314070351770077" target="_blank"><img src="AQUI LA URL DE LA IMAGEN"/></a>

                                             Con enlace en texto e imagen:

<a href="http://www.blogger.com/follow-blog.g?blogID=1110314070351770077" target="_blank"><img src="AQUI LA URL DE LA IMAGEN"/> Seguir a Tube trucos</a>

Lo que vemos resaltado en rojo, es  lo que tenemos que modificar por nuestros datos.

En donde vemos blogID, tenemos que colocar sustituyendo los 1110314070351770077, por la ID de nuestro blog, es decir, el número que se muestra en la url del navegador cuando estamos dentro de nuestro panel de Blogger este lo podemos ver cuando abrimos la pestaña Diseño y vamos a ver algo así:

                           http://www.blogger.com/rearrange?blogID=1110314070351770077

Una ves colocado el id correspondiente guardamos y es todo ya nuestros visitantes tienen otra manera de seguir nuestro sitio.

Read More