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