Como Poner El Botón Donar De Paypal En Tu Sitio Web
Muchas personas quieren generar ingresos por otra partes, como por ejemplo que sus visitantes, le de de recompensa un montón de dinero, pero la pregunta es la siguiente como puedo poner un botón de donar en mi pagina web, pues bueno esto es muy sencillo solo tienes que iniciar sesión, en paypal, una vez hallas iniciado sesión, vas al siguiente link que te dejare acá, para crear tu propio botón de donar, completamente personalizado, bueno amigos y amigas espero que les halla servido este articulo un saludo.
Gana Dinero Rápido Real Sencillo Y Fácil Con BidVertiser
Bidvertiser es un sistema más de publicidad contextual con el que podrás ganar dinero con tu website colocando banners de publicidad, y cada vez que algún usuario clicke en éstos obtendrás ingresos.
En Bidvertiser, al darte de alta puedes ir eligiendo el formato de tus anuncios para colocarlos en tu web. Disponen de muchos tipos de formatos de anuncios para elegir, muy parecidos a los de Google Adsense. A continuación mostraré algunos datos importantes sobre Bidvertiser:
¿Cómo ganas dinero con Bidvertiser?
Para ganar dinero con Bidvertiser solo tendrás que colocar los anuncios que te crees desde tu panel de control en el sitio. Una vez colocado el código del anuncio, empezarás a obtener dinero por cada click que realicen sobre él.
Para colocar una anuncio de publicidad en tu sitio, deberás ingresar donde pone ‘Add New Bidvertiser‘. En esa parte tendras que poner la información que te pide, sobre tu web. Posteriormente, deberás ir a ‘Bidvertiser Center‘, y podrás obtener tu código pulsando en ‘Get a Code’ sobre tu página.
¿Cuándo y como me paga Bidvertiser?
Una de las ventajas que tiene registrarse en Bidvertiser es la poca cantidad de dinero que te piden para llegar al mínimo de pago, que son 10 dólares. Al haber obtenido 10 dólares, podrás solicitar tu pago, pero sólo por Paypal o MoneyBookers.
Si quieres recibirlo por transferencia bancaria, tendrás que conseguir 100 dólares, como en Google Adsense.
Sistema de referidos Bidvertiser
Bidvertiser también posee un sistema de referidos. ¿Qué es esto? En el panel de control de Bidvertiser hay una zona que pone ‘Referral Program’, ahí podrás activarlo y obtener tu enlace de referido.
Sobre mis ingresos con Bidvertiser
Llevo prácticamente 3 semanas utilizando Bidvertiser en uno de mis sitios web, y la verdad que hasta hoy día no me va mal. Estoy muy cerca de llegar al mínimo de pago, a los 10 dólares, y cuando los solicite y reciba, os pondré aquí el comprobante de ingresos de Bidvertiser.
Si estás interesado en registrarte en Bidvertiser y comenzar a ganar dinero con tu sitio web,regístrate desde aquí.
Hace poco vimos cómo poner un botón de Ir arriba con jQuery, pues esto es parecido, pero no igual. Esto es porque los botones siempre están visibles a diferencia del otro, y sólo se desvanecen ligeramente cuando movemos el scroll de la página, pero además, también incluye la función de ir hasta abajo del blog.
Puedes ver un ejemplo en este blog de pruebas, los botones se encuentran en la parte inferior izquierda.
Veamos entonces cómo poner los botones de Ir Arriba e Ir Abajo con un efecto de deslizamiento usando jQuery.
Lo primero es entrar en la Edición HTML y pegar antes de ]]> los estilos:
/* Botones de Ir arriba e Ir abajo con jQuery
----------------------------------------------- */
.nav_up{
padding:7px; /* Distancia entre el borde y el ícono */
background-color:white;
border:1px solid #CCC; /* Color del borde */
position:fixed;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAXG4D0eYmK3uE-XyWWHChgIffmYOmCldLzRDmY87y_vlp3PjQ6QoxzXJcdM9cT1ZuHDMWVffZksYRrtm8KNnnTfFbL2ANGtAMQHJ7ieAqpCfcXqfISrK-EKpvQQp-Lb6Ui4y-hsg5XUw/s16/arrow_up.png) no-repeat top left;
background-position:50% 50%;
width:20px; /* Ancho del botón */
height:20px; /* Alto del botón */
bottom:10px; /* Distancia desde abajo */
left:30px; /* Cambiar left por right si se quiere a la derecha */
white-space:nowrap;
cursor: pointer;
border-radius: 3px 3px 3px 3px;
opacity:0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.nav_down{
padding:7px; /* Distancia entre el borde y el ícono */
background-color:white;
border:1px solid #CCC; /* Color del borde */
position:fixed;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilNyWatUDag5WaijKjUQEdCB7mKUCcfOihAAvjFiZCKGR9uCXWwxvxDU0EQ6XizJCxIbHrDo7K0FLewvK0EgP35iIz68EhGAv17RUC3CLor3A5tQQsw9lycOMbcw5q3VZLlW8HDAch-2c/s16/arrow_down.png) no-repeat top left;
background-position:50% 50%;
width:20px; /* Ancho del botón */
height:20px; /* Alto del botón */
bottom:10px;
left:70px; /* Cambiar left por right si se quiere a la derecha */
white-space:nowrap;
cursor: pointer;
border-radius: 3px 3px 3px 3px;
opacity:0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
Y listo, así se sencillo. En el primer código puedes ver en color verde algunos estilos que puedes modificar. Las flechas son imágenes, así que puedes cambiarlas por otras cambiando las URLs de las mismas que se encuentran también en el primer código. Si quieres cambiarlas del lado derecho ahí mismo verás qué valores debes modificar.
En el segundo código he puesto en color gris el script de jQuery, sólo para distinguirlo, por si ya lo tuvieras no lo agregues de nuevo.
Si usas Scriptaculous podrías aplicar el "parche", pero si no te quieres complicar la vida usa estosbotones con Scriptaculous.
Una de las quejas más frecuentes de los usuarios de BlackBerry es que, a menudo, el teléfono se queda ‘pegado’ cuando está llevando a cabo una tarea. Esto ocurre porque la memoria puede estar sobrecargada, por lo que la solución puede ser limpiarla. Es una tarea muy sencilla, y aquí les explicamos los pasos que hay que seguir.
En la opción de búsqueda, escriba ‘memoria’.
Entre a las opciones.
Seleccione ‘Limpieza de memoria’.
Baje hasta ‘Limpiar ahora’ y seleccione la opción.
También puede hacer que el ícono de limpieza de memoria aparezca en su escritorio. Para eso, basta con seleccionar la opción respectiva en el menú de opciones.
Si quieren ver cómo se haría directamente en un BlackBerry, los dejamos con este video de CrackBerry.
Aumentar Imágenes Al Pasar El Cursor Con Efecto Deslizante
Hay muchos métodos para expandir imágenes al pasar el cursor, uno de ellos es Expando, un script que permite que la imagen aumente a su tamaño real con un efecto deslizante, y al quitar el cursor la imagen regresa al tamaño pequeño, también con el mismo efecto.
Puedes ver el demo aquí mismo pasando el cursor sobre esta imagen en miniatura:
Para lograr este efecto en tus imágenes ingresa a la Edición HTML y agrega antes de </head> el script:
<script type='text/javascript'>
//<![CDATA[
/* Expando Image Script 2008 John Davenport Scheuer
as first seen in http://www.dynamicdrive.com/forums/
username: jscheuer1 - This Notice Must Remain for Legal Use
*/
if (document.images){
(function(){
var cos, a = /Apple/.test(navigator.vendor), times = a? 20 : 40, speed = a? 40 : 20;
Hola que tal amigo hoy vengo con un nuevo articulo, en el cual aprenderemos a como poner reproductor en flash de mp3 para poner en tu pagina web, y que se escuche en tu reproductor la misma que quieras.
En el blog, su instalación es como la de la mayoría de los reproductores de su tipo, y su uso también. Sin embargo EMFF admite listas de reproducción y además posee varios skins para que pueda adaptarse a los gustos de cada quien.
Puedes verlos funcionando aquí mismo en esta entrada.
Old no border
<object type="application/x-shockwave-flash" data="URL del archivo SWF" width="91" height="25"> <param name="movie" value="URL del archivo SWF">
<param name="wmode" value="transparent" />
<param name="FlashVars" value="src=URL del archivo MP3">
</object>
Lila Info
<object type="application/x-shockwave-flash" data="URL del archivo SWF" width="200" height="55"> <param name="movie" value="URL del archivo SWF">
<param name="wmode" value="transparent" />
<param name="FlashVars" value="src=URL del archivo MP3">
</object>
Easy Glaze
<object type="application/x-shockwave-flash" data="URL del archivo SWF" width="32" height="32"> <param name="movie" value="URL del archivo SWF">
<param name="wmode" value="transparent" />
<param name="FlashVars" value="src=URL del archivo MP3">
</object>
Position Blue
<object type="application/x-shockwave-flash" data="URL del archivo SWF" width="100" height="50"> <param name="movie" value="URL del archivo SWF">
<param name="wmode" value="transparent" />
<param name="FlashVars" value="src=URL del archivo MP3">
</object>
Silk
<object type="application/x-shockwave-flash" data="URL del archivo SWF" width="84" height="32"> <param name="movie" value="URL del archivo SWF">
<param name="wmode" value="transparent" />
<param name="FlashVars" value="src=URL del archivo MP3">
</object>
Silk Button
<object type="application/x-shockwave-flash" data="URL del archivo SWF" width="16" height="16"> <param name="movie" value="URL del archivo SWF">
<param name="wmode" value="transparent" />
<param name="FlashVars" value="src=URL del archivo MP3">
</object>
Stuttgart
<object type="application/x-shockwave-flash" data="URL del archivo SWF" width="140" height="30"> <param name="movie" value="URL del archivo SWF">
<param name="wmode" value="transparent" />
<param name="FlashVars" value="src=URL del archivo MP3">
</object>
Wooden
<object type="application/x-shockwave-flash" data="URL del archivo SWF" width="120" height="60"> <param name="movie" value="URL del archivo SWF">
<param name="wmode" value="transparent" />
<param name="FlashVars" value="src=URL del archivo MP3">
</object>
Para usarlo sólo necesitas descargar este archivo, descomprimirlo, y subir uno de los archivos SWF a un hosting.
Luego pega el código del reproductor que más te guste en un elemento HTML/Javascript de tu blog, o incluso una entrada, ahí agrega la URL del archivo SWF que subiste previamente (sólo el que hayas elegido), verás que debes agregar la URL dos veces.
También agrega donde se indica la URL de tu canción y listo.
Puedes agregar más de una canción, sólo añade las demás URLs de las canciones una seguida de la otra, pero todas separadas por una coma, por ejemplo:
<object type="application/x-shockwave-flash" data="URL del archivo SWF" width="91" height="25"> <param name="movie" value="URL del archivo SWF">
<param name="wmode" value="transparent" />
<param name="FlashVars" value="src=URL del archivo MP3 uno,URL del archivo MP3 dos,URL del archivo MP3 tres">
</object>
También podemos usar tres parámetros, autoplay, repetir, y aleatorio:
&autostart=yes
&repeat=yes
&shuffle=yes
Cualquiera de ellos se agrega al final de la última URL de la canción, por ejemplo, si usáramos los tres se vería así:
<object type="application/x-shockwave-flash" data="URL del archivo SWF" width="91" height="25"> <param name="movie" value="URL del archivo SWF">
<param name="wmode" value="transparent" />
<param name="FlashVars" value="src=URL del archivo MP3&autostart=yes&repeat=yes&shuffle=yes">
</object>
Como puedes ver es un reproductor de fácil uso, sencillo y visualmente agradable.
En la siguiente entrada veremos cómo crear listas de reproducción en formato XML.
Como Crear Un Menú Desplegable Sencillo Y Fácil En Css
Hola que tal amigo y amigas hoy vamos a aprender a como crear un menu desplegable muy sencillo para nuestra pagina web, espero que les guste, Este es un ejemplo sencillo para crear un menú desplegable que puede incluir submenús, que usa las posibilidades que nos brindan las nuevas propiedades del CSS3.
Como casi cualquier otro, el HTML se arma en una lista, utilizando etiquetas UL y LI que, se anidan si es que queremos crear un submenú. Esta sería una lista standard.
<style type="text/css">
/* el menú en si mismo */
.mi-menu {
border-radius: 5px;
list-style-type: none;
margin: 0 auto; /* si queremos centrarlo */
padding: 0;
/* la altura y su ancho dependerán de los textos */
height: 40px;
width: 510px;
/* el color de fondo */
background: #555;
background: -moz-linear-gradient(#555,#222);
background: -webkit-linear-gradient(#555,#222);
background: -o-linear-gradient(#555,#222);
background: -ms-linear-gradient(#555,#222);
background: linear-gradient(#555,#222);
}
/* si es necesario, evitamos que Blogger de problemas con los saltos de línea cuando escribimos el HTML */
.mi-menu br { display:none; }
/* cada item del menu */
.mi-menu li {
display: block;
float: left; /* la lista se ve horizontal */
height: 40px;
list-style: none;
margin: 0;
padding: 0;
position: relative;
}
.mi-menu li a {
border-left: 1px solid #000;
border-right: 1px solid #666;
color: #EEE;
display: block;
font-family: Tahoma;
font-size: 13px;
font-weight: bold;
line-height: 28px;
padding: 0 14px;
margin: 6px 0;
text-decoration: none;
/* animamos el cambio de color de los textos */
-webkit-transition: color .2s ease-in-out;
-moz-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
-ms-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;
}
/* eliminamos los bordes del primer y el último */
.mi-menu li:first-child a { border-left: none; }
.mi-menu li:last-child a{ border-right: none; }
/* efecto hover cambia el color */
.mi-menu li:hover > a { color: Crimson; }
/* los submenús */
.mi-menu ul {
border-radius: 0 0 5px 5px;
left: 0;
margin: 0;
opacity: 0; /* no son visibles */
position: absolute;
top: 40px; /* se ubican debajo del enlace principal */
/* el color de fondo */
background: #222;
background: -moz-linear-gradient(#222,#555);
background: -webkit-linear-gradient(#22,#555);
background: -o-linear-gradient(#222,#555);
background: -ms-linear-gradient(#222,#555);
background: linear-gradient(#222,#555);
/* animamos su visibildiad */
-moz-transition: opacity .25s ease .1s;
-webkit-transition: opacity .25s ease .1s;
-o-transition: opacity .25s ease .1s;
-ms-transition: opacity .25s ease .1s;
transition: opacity .25s ease .1s;
}
/* son visibes al poner el cursor encima */
.mi-menu li:hover > ul { opacity: 1; }
/* cada un ode los items de los submenús */
.mi-menu ul li {
height: 0; /* no son visibles */
overflow: hidden;
padding: 0;
/* animamos su visibildiad */
-moz-transition: height .25s ease .1s;
-webkit-transition: height .25s ease .1s;
-o-transition: height .25s ease .1s;
-ms-transition: height .25s ease .1s;
transition: height .25s ease .1s;
}
.mi-menu li:hover > ul li {
height: 36px; /* los mostramos */
overflow: visible;
padding: 0;
}
.mi-menu ul li a {
border: none;
border-bottom: 1px solid #111;
margin: 0;
/* el ancho dependerá de los textos a utilizar */
padding: 5px 20px;
width: 100px;
}
/* el último n otiene un borde */
.mi-menu ul li:last-child a { border: none; }
</style>
Hay muchos sitios que ofrecen formularios de contacto para tu sitio web, pero este en particular me gusta por lo rápido que es para obtenerlo. Pero además de lo fácil y rápido que es, tiene una gran ventaja sobre la mayoría de los formularios de contacto gratuitos: que no tiene un límite de envíos mensual, así que que puedes dejar de preocuparte si te excedes o no.
El servicio no cobra ni un solo centavo, pero tiene una desventaja, y es que si bien podemos personalizar los colores no podemos cambiar el nombre de los campos ni agregar o eliminar más. Aun así, es muy intuitivo y básico, por lo que a muchos puede servir en caso de que no requieran algo muy sofisticado.
Para tener este formulario de contacto en tu blog entra a la página de Kontactr y regístrate, no te lleva ni 30 segundos. Una vez hecho eso te enviarán un correo de confirmación.
Cuando confirmes tu cuenta podrás iniciar sesión y copiar el código de tu formulario, pégalo donde quieras y listo.
No hay que hacer nada más, pero puedes personalizar sus colores si lo deseas. Para ello haz click en cuztomize y cambia los colores que desees para cada área.
El formulario lo puedes pegar en una entrada, en una página estática, o un gadget HTML/Javascript. Los correos que te envíen através de él te llegarán al correo con el que te diste de alta.
Lo dicho, es un formulario rápido de obtener, fácil de usar y sin tantas pretensiones. Su punto débil es no poder editar los campos, pero al ser gratuito y sin límite de envíos es un formulario de contacto que definitivamente hay que considerar.
Bienvenidos a este nuevo articulo, como los blogger o dueños de sitio web, nos gusta mejorar cada día nuestra pagina web, integrando informacion original! artículos etc, hoy veremos como integrar o poner juegos online a nuestro sitio web, y sobre todo completamente gratis.Para eso les dejo un vídeo mio muy corto que te explico a hacer este procedimiento, te dejo los links acá y bueno amigos y amigas espero que les guste un saludo para todos.
Bienvenidos A Este nuevo articulo, como todos verán, queremos ganar un dinero extra, y lo mejor con Internet, ahora se puede ganar dinero con una plataforma llamada Soicos, En el cual trata de poner anuncios en tu pagina o blog, y gracias a esto ganar dinero, como verán es muy sencillo integrar esta plataforma en tu sitio web, después de haberte registrado, busca el anunciante para tu pagina, y tu pones el banner de ese patrocinador, lo bueno de Soicos es que puedes ganar dinero de bastante formas, por ejemplo, quieres que te paguen, por que hagan click en los banner de tu sitio web, o que se vallan al sitio del anunciante y compre algo, o simplemente se registren, como veran es muy sencillo ganar con esta plataforma, los pagos son vía paypal o por cuenta bancaria, pagan cada mes, lo bueno es que se puede ganar bastante, bueno amigos y amigas espero que este articulo les halla servido, para eso voy a dejar un vídeo de una prueba de pago, y un banner con la dirección del sitio, un saludo para todos y todas.
Sencillamente y rápidamente, te has preguntado, el bloc de notas servirá para hacer una pagina web, pues eso si es verdad, y en este articulo aprenderemos a como hacerlo. Para eso necesitaremos el bloc de notas, y tener unos cuantos códigos html, bueno amigos y amigas les dejo un vídeo para resolver su duda, espero que les guste saludos y cuídense.