Hermosa caja de suscripcion con botones de redes sociales

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

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

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

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

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

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

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

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

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


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

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

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

Read More

Mostrar con efecto la fanBox de facebook al hacer Scroll

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

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


A continuación le brindo el código :

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



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


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

</style>

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

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

</div>

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


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


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

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

Eso es todo espero y lo disfruten.

Read More

Turbo Racing League ya en el google play

Un juego para conducir,Turbo Racing League es un poco diferente a los que habitualmente nos encontramos , ya que en esta ocasión está inspirado por una película de animación con caracoles como protagonistas . Pueden en cualquier momento disfrutar de varios circuitos y un buen número de retos y, por supuesto, personalizar a vuestro personaje.

 

Turbo, fue creado por DreamWork Animation y cuenta con mas de 5 millones de descargas ,este juego muestras increíbles carreras clandestinas .
Únete a la TURBO RACING LEAGUE y conduce como si te fuera la concha en ello
Dirígete al garaje de Tito para que te enseñe cómo funciona todo y te enseñe a tunear tu concha
Corre, derrapa, deslízate y salta para llegar al primer puesto de la clasificación


Características:

•Intuitivos controles de pantalla táctil
•9 originales pistas en las que demostrar tus habilidades
•Objetivos diarios
•Eventos especiales de carreras: pruebas de contrarreloj, con combustible limitado, eslalon y carreras contra adversarios
•Cientos de combinaciones posibles de diseños, componentes y piezas de alto rendimiento: mejoras de concha, pintura y luces de neón
•Marcadores para competir con tus amigos y con los mejores jugadores

 Actualizado
22 de julio de 2013

Tamaño
Varía según el dispositivo

Instalaciones
5.000.000 - 10.000.000

Versión actual
Varía según el dispositivo

Requiere Android
Varía según el dispositivo


Enlace para su desacrga en el google play Turbo Racing League

Read More

Epic El Mundo Secreto ya disponible en google play

El nuevo juego de Gameloft, inspirado en la película de animación del mismo nombre ya en cines, tal y como era de esperar, cuenta con mas de 1 millon de descargas. Gameloft utiliza la ambientación de fantasía medieval de la película para construir un juego de estrategia donde desarrollar nuestra aldea y nuestro ejército de leafmen será nuestra prioridad.

De los creadores de ICE AGE y RIO, narra la historia de una batalla en curso entre las fuerzas del bien, que mantienen vivo el mundo de la naturaleza; y las fuerzas del mal, que quieren destruir las fuerzas vivas del bosque.
Únete a los leafmen, guerreros de élite de estilo samurái e interacciona con un grupo de personajes simpáticos de la película. Construye tu reino y ayúdales a salvar su mundo… ¡y el tuyo!

 Actualizado
19 de julio de 2013

Tamaño
18M

Instalaciones
1.000.000 - 5.000.000

Versión actual
1.0.0

Requiere Android
2.3 y versiones superiores


Enlace para su descarga en el google play : Epic El Mundo Secreto

Read More