Las 40 aplicaciones mas descargadas esta semana en el google play

En el dia de hoy les muestro las mejores y mas descargadas aplicaciones,app del google play en esta semana,estas se encuentran entre las primeras 40, la mayoria de estas app cuentan con millones de descargas algunas son mas nuevas que otras pero cuentan con la misma calidad y aceptacion por todos los usuarios ,todas las aplicaciones que les voy a mostrar son completamente gratis y lista para su descarga en el google play.

Todas las app van a tener su respectivo link hacia su descarga:

1- Instagram
2- Facebook Messenger
3- Netflix
4- Skype
5- Kik Messenger
6- Twitter
7- Facebook
8- Pandora internet radio
9- ZEDGE
10- Snapchat
11- Yahoo! Mail
12- Tango Texto y Videollamadas
13- eBay
14-WhatsApp Messenger
15-Shazam
16-Vine
17- iHeartRadio
18-Groupon
19-Pinterest
20-The Weather Channel
21-Photo Grid - Collage Maker
22-TuneIn Radio
23-PicsArt - Photo Studio
24-Spotify
25- Dropbox
26-GO SMS Pro Emoji Plugin
27-Photo Editor de Aviary
28-Google Voice
29-LinkedIn
30- ScoreCenter
31-Fandango Movies
32-SoundCloud
33-Redbox
34-PayPal
35-Reproductor MX
36-FREE Calls with magicJack
37-Pinger SMS + llamadas gratis
38-ES Explorador de Archivos
39-LINE: Llama y mensajea gratis
40-InkPad Bloc de notas - Tareas

Read More

Como Instalar y personalizar el nuevo formulario de contacto de blogger

Desde hace un tiempo blogger nos sorprendió con un nuevo gadget, este se trata de un formulario de contacto,y porque es una sorpresa bueno ya que blogger no contaba con el mismo en comparacion con otros sitios y por lo tanto teníamos que recurrir a otras opciones para poder tener nuestro propio formulario,lo que pasa es que es un gadget por lo tanto aparecerá en nuestra sidebar,barra lateral.Lo que vamos a hacer es colocarlo en una página estática y no dejar que se muestre en un gadget.

Lo primero que vamos a hacer es ir a añadirlo para eso nos vamos a diseño y añadir un gadget y buscamos formulario de contacto.

Le damos a añadir,este lo pueden añadir en donde quieran ahora sin salirnos de diseño a la izquierda van a ver paginas.

Le damos click a paginas>>>> después a pagina nueva>>>> luego a pagina en blanco >>>> le van a dar el titulo que quieran darle >> formulario de contacto o contactame o como quieran luego selecionan HTML y pegan el siguiente código:

<style>
/*Formulário de contacto Blogger */
#formcontact{
 padding: 8px 10px;
 font-size:16px;/*-----tamaño del texto---*/
 color:#000000;/*-----color del texto---*/
 border:solid 1px #000000;/*-----color y ancho del borde del cuadro completo---*/
 border-radius: 18px 18px; /*-----el radio del cuadro  mas en numero mas redonda son las puntas ---*/
 -moz-border-radius: 18px 18px;
 -webkit-border-radius: 18px 18px; 
 box-shadow: inset 1px 1px 3px 0 #000;
 -moz-box-shadow: inset 1px 1px 3px 0 #000;
 -webkit-box-shadow: inset 1px 1px 3px 0 #000;
 text-shadow: 1px 1px 0 #9d9d9d;
 background:-moz-linear-gradient(0% 100% 90deg,#7e7e7e, #5e5e5e);/*-----color de fondo del cuadro ---*/
 background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#5e5e5e), to(#7e7e7e));
 
}

#formcontact p{ 
}
.contact-form-name,
.contact-form-email,
.contact-form-email-message,
.contact-form-button-submit {
 width: 400px;
 max-width: 100%;
 margin-bottom: 20px;
 margin:5;
 padding: 7px 12px;
 font-size:16px;/*-----tamaño del texto que escribes---*/
 color:#fff; /*-----color del texto que escribes---*/
 border:solid 1px #000000;/*-----borde y color de los cuadros donde escribes---*/
 border-radius: 18px 18px;
 -moz-border-radius: 18px 18px;
 -webkit-border-radius: 18px 18px; 
 box-shadow: inset 1px 1px 3px 0 #000;
 -moz-box-shadow: inset 1px 1px 3px 0 #000;
 -webkit-box-shadow: inset 1px 1px 3px 0 #000;
  background:-moz-linear-gradient(0% 100% 90deg,#7e7e7e, #5e5e5e);/*-----color de fondo de los cuadros donde escribes---*/
 background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#5e5e5e), to(#7e7e7e));
 
}

.contact-form-button-submit {  /*-----como se ve el botón enviar sin pasar el mouse por encima---*/
 width: 180px;  /*-----ancho del botón---*/
 height:40px;    /*-----altura del botón---*/
 border:solid 1px #000;
 color:#000;
  font-size:18px;
  background:-moz-linear-gradient(0% 100% 80deg,#5f5f5f, #000);/*-----color de fondo---*/
 background:-webkit-gradient(linear, 0% 0%, 0% 80%, from(#000), to(#5f5f5f));
 box-shadow: inset 1px 1px 3px 0 #000;
 -moz-box-shadow: inset 1px 1px 3px 0 #000;
 -webkit-box-shadow: inset 1px 1px 3px 0 #000;
  text-shadow: 1px 1px 0 #ccc;

}
.contact-form-button-submit:hover {  /*-----este código es para al pasar mouse por encima cambia boton enviar---*/
border-color: #ccc;  /*-----color del borde---*/
background: #FF8C00;   /*-----color de fondo---*/
color: #fff;   /*-----color del texto---*/
text-shadow: 1px 1px 0 #000;

}

.Button2 {  /*-----como se ve el botón borrar todo sin pasar el mouse por encima---*/
 width: 180px;  /*-----ancho del botón---*/
 height:40px;    /*-----altura del botón---*/
 border:solid 1px #000;
 color:#000;
  font-size:18px;
 border-radius: 18px 18px;
 -moz-border-radius: 18px 18px;
 -webkit-border-radius: 18px 18px;
 background:-moz-linear-gradient(0% 100% 80deg,#5f5f5f, #000);/*-----color de fondo---*/
 background:-webkit-gradient(linear, 0% 0%, 0% 80%, from(#000), to(#5f5f5f));
 box-shadow: inset 1px 1px 3px 0 #000;
 -moz-box-shadow: inset 1px 1px 3px 0 #000;
 -webkit-box-shadow: inset 1px 1px 3px 0 #000;
 text-shadow: 1px 1px 0 #ccc;

}
.Button2:hover {  /*-----este código es para al pasar mouse por encima cambia borrar todo---*/
border-color: #ccc;  /*-----color del borde---*/
background: #FF8C00;   /*-----color de fondo---*/
color: #fff;   /*-----color del texto---*/
text-shadow: 1px 1px 0 #000;
border-radius: 18px 18px;
 -moz-border-radius: 18px 18px;
 -webkit-border-radius: 18px 18px;
} </style>


<br />
<div id="formcontact">
<br />
<form name="contact-form">
<div>
<br />
<br />
<b>&nbsp;&nbsp;&nbsp;&nbsp;Su Nombre:</b> <span style="color: red;">*</span></div>
&nbsp;<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="50" type="text" value="" />

<br />
<div>
<b>&nbsp;&nbsp;&nbsp;&nbsp;Su E-mail:</b> <span style="color: red;">*</span></div>
&nbsp;<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="50" type="text" value="" />

<br />
<div>
<b>&nbsp;&nbsp;&nbsp;&nbsp;Mensage:</b> <span style="color: red;">*</span></div>
&nbsp;<textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="6"></textarea><br />
&nbsp;&nbsp; <input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Enviar" />
&nbsp;<input class="Button2" id="Button2" type="reset" value="Borrar Todo" /><br />
<div style="max-width: 450px; text-align: center; width: 100%;">
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
</div>

Ahora le dan a publicar y si le dan a ver van a obtener la url de la página estática que crearon en este caso el formulario de contacto.

Por ultimo nos falta algo que es ocultar el gadget para que no se muestre doble en un gadget y en una página estática y nos vamos a ir a nuestra plantilla y con CTRL+F buscamos </head>
y una ves encontrado justo antes colocamos el siguiente :

<!--Evita que se muestre el gadget de formulario de contacto  -->

<b:if cond='data:blog.url != &quot;&quot;'>
<style type='text/css'>
#ContactForm1 {
display: none;
}
</style>
</b:if>

<!-- Fin para evitar que se muestre el gadget de formulario de contacto  -->

Una vez puesto el codigo le damos a guardar plantilla y es todo ya cuentan con un formulario de contacto .

NOTA: los mensajes los van a recibir en su cuenta de correo de gmail.

Read More

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