Buscar
Inicio
|
Añadir nuevo blog
|
Ranking
|
Chatter!
|
Contactenos
|
Directorio
|
Juegos
|
Ayuda
Te encuentras en la páginas de Blogsperu, los resultados son los ultimos contenidos del blog. Este es un archivo temporal y puede no representar el contenido actual del mismo.
Visite
Gadgets para Blogger
Comparte esta página:
La mejor forma de Comprar Productos Online
Etiquetas:
[
Trucos y Ayudas
]
Fecha Publicación:
2013-04-11T14:12:00.000-07:00
Comprar por internet
es una de las soluciones óptimas para que puedas adquirir el producto que quieras, sin romperte la cabeza en visitar multitud de tiendas y de recorrer avenidas en la búsqueda de tu compra ideal.
Las
compras por internet
no sólo nos aporta facilidad en la adquisición de todo tipo de regalos y encargos, sino que crearán múltiples formas de pago que serán seguras y sobre todo cómodas, además este tipo de compras te permitirá ahorrar mucho tiempo, algo que viene bien si eres una persona que trabaja y dispones de poco tiempo.
Otra ventaja que incorporan la compra de los
productos online
es que podrás guiarte mediante plataformas de venta intuitivas en donde poder admirar todas las características del producto antes de comprarlo, algo que te hará ser más consciente acerca de la compra sabiendo lo que vas a comprar y para lo que te servirá, aumentando tu conocimiento acerca de las marcas y su historia.
Este tipo de compra también te indicará un proceso mucho más satisfactorio si estás buscando productos que no existan en tu lugar de residencia, por lo que es un método de compra ideal para todas aquellas personas que quieran comprar algún producto internacional, que no exista en su país o comunidad autónoma.
Pero las
compras por internet
atraerán más beneficios, como el hecho de que puedas acceder a campañas de ofertas y descuentos exclusivos, mientras que también podrás acceder a regalos con tu compra ¡hecho que muchas tiendas físicas no hacen! Muchas tiendas de moda te regalarán complementos, mientras que habrá tiendas de alimentación y productos de belleza que te regalarán packs de 3x2 o productos de muestra.
Las
tiendas online
son también una oportunidad de negocio en la que podrás observar un mundo aparte en el comenzar a generar tus primeros ingresos. Recuerda que podrás montar tu estructura web en un par de minutos, contactando previamente con proveedores con los que podrás comprar tus primeros artículos, doblando los precios y generando beneficios de una manera exitosa.
Espero que os
sea de utilidad estos consejos
sobre
como comprar productos online
, y si te gusta recibir mas
suscribete
gratis a nuestro blog, visita nuestra
pagina de facebook
o añade el
Rss Feed
.
Juego Angry Birds para Blogger
Etiquetas:
[
Juegos para Blog
] [
Gadgets Flash
]
Fecha Publicación:
2013-04-01T19:54:00.003-07:00
En esta entrada le presento
un bonito
Juego para
blogger
para que tus visitantes permanezcan más tiempo en tu
blog
y tambien para que se divierten un poco.
Se trata del famoso juego de pajaros
Angry Birds
, con est
e juego instalado en tu blog le
ofreces
a
tus
lectores
la posibilidad de divertirse
en tu blog asi como lo hacen en Facebook.
Angry Birds
se ha convertido en uno de los mejores
representantes de la nueva era de los juegos sociales iniciándose en el
2009 hasta el 2012 con un rotundo éxito llegando a las 500 millones de
descargas, así ha llegado a multitudes de plataformas, ahora
Angry Birds
promete conquistar el corazón de
Facebook,
A
hora
el
famoso juego
Angry Birds
ha llegado a B
logger
!!!!
<center><object data="http://static.microoyun.com/angry-birds-rio.swf" height="400" id="gameArea" xstyle="display: block; visibility: visible;" type="application/x-shockwave-flash" width="500">
<param name="wmode" value="direct" />
<embed src="http://static.microoyun.com/angry-birds-rio.swf" width="500" height="400" wmode="direct"></embed>
</object><a href="http://www.gadgetsblogger.com/2013/04/juego-angry-birds-para-blogger.html" rel="nofollow">Angry Birds para Blogger</a></center>
Para instalar el
Juego
Angry Birds
en tu blog, solo tiene que seguir estos
sencillos pasos
.
Tambien podemos pegarlo en una entrada, para eso simplemente creamos una entrada nueva, nos vamos al modo de
HTML
y pegamos el código mencionado anteriormente.
Si querés cambiarle el ancho, simplemente modificá el
400
por otro número mayor o menor, y para el alto sólo tienes que modificar el
500
.
Espero que os
divierte
este
famoso
juego de pajaros
Angry Birds
y si les gusta recibir otras novedades para mejorar el blog por correo electronico,
suscribete
gratis a nuestro blog, visita nuestra
pagina de facebook
o añade el
Rss Feed
.
GadgetsBlogger.com presenta la nueva comunidad "Todo Blogger en Español"
Etiquetas:
[
Trucos y Ayudas
] [
Noticias sobre Blogger
]
Fecha Publicación:
2013-02-20T15:01:00.001-08:00
Una de las plataformas
más conocidas y a la vez más utilizadas a la hora de alojar un blog es la de
Blogger
, ya que su estabilidad y
características, hace que se mantenga al alza cada conforme pasa el tiempo, a
pesar de que su principal competidor, Wordpress, se está haciendo un hueco en
el mercado y cada día también son más los usuarios que no dudan en utilizar
esta plataforma.
Pero centrándonos en Blogger hoy vamos a presentar una
comunidad que esta creada en Google + y se llama
Todo Blogger en Español
, en esta comunidad podremos
presentar nuestros blogs, además de poder aprender mediante los tutoriales que
en ella se encuentran.
La comunidad,
Todo Blogger en Español
, tiene unas características y un contenido que hace que
tengamos que visitarla, ya que si somos parte de Blogger, en ella, podremos
presentar nuestro blog, lo que si estamos comenzando, comprenderemos que
ganaremos algunas visitas, además de comenzar a promocionar nuestro sitio, que
es muy importante, sobre todo si somos principiantes y desconocemos la forma en
la que deberemos de actuar, por lo que entonces, esta es nuestra comunidad.
Además también podremos
aprender esos trucos que nos servirán de mucha ayuda a través de los tutoriales
que en ella encontraremos, sin faltar la descripción de los
muchos gadgets
que
se encuentran en esta plataforma, y es que hay veces que nos encontramos antes
uno, pero no sabemos sus características o sus funciones, y es que algunos
tienen un objetivo que se nos está pasando por alto.
La idea de crear la
comunidad de
Todo Blogger en Español
fue de +Jesús González con el fin de abrir
un espacio común para todos los usuarios de Blogger.
Los expertos que forman
parte de esta comunidad son:
-
Jesus Gonzalez
autor de
IniciaBlog.com
-
Daniel García
autor de
GadgetsBlogger.com
-
Victor Calderón
autor de
Ayuda-Bloggers.info
-
OloMan
autor de
OloBlogger.com
-
Karla Cartañeda
autora de
Compartidisimo.com
-
Hayder Juvinao
autor de
MilTrucosBlogger.info
En definitiva, esta es
nuestra comunidad, por todo lo que acabamos de comentar y por mucho más, así
que no podemos dudarlo y lo que tenemos que hacer es acudir cuanto antes, y es
que por cada momento que perdemos, estamos dejando de aprender, siendo el
principal perjudicado nuestro sitio blog, ya que no podemos aplicar los nuevos
conocimientos en él.
Ahora solo faltas tu, únete a la comunidad!
La última pieza de todo este rompecabezas eres tu, en realidad eres la parte más importante.
Acepta mi invitación
haciendo clic en el siguiente banner y hazte miembro de la comunidad
Todo Blogger en Español
.
Espero que nos vemos en este nuevo espacio
Todo Blogger en Español
. Si te gusta recibir otras novedades y consejos para mejorar tu blog,
suscribete
gratis a nuestro blog, visita nuestra
pagina de facebook
o añade el
Rss Feed
.
Como instalar el sistema de Chat Zopim para ofrecer soporte en tu Blog
Etiquetas:
[
Gadgets Utiles
] [
Chat para Blog
]
Fecha Publicación:
2013-02-04T01:09:00.000-08:00
Hola Amigos
de
GagdetsBlogger.com
,
hoy
he
decidido
compartir con ustedes el nuev
o sistema de
chat gratis y soporte tecnico
para
el blog que se llama
Z
opim.com
.
Si en algún momento te hayas planteado añadir un sistema de soporte para
ofrecer ayuda a los usuarios que lo necesiten y de esta forma
resolverles sus problemas o dudas con respecto a nuestr
o blog, pues
esta es la
mejor
herramienta gratis y altamente recomendada
Zopim.c
om
.
La interfaz es totalmente configurable
, con lo que la
integración con el sitio queda totalmente garantizada
y
d
isponible en español. El servicio nos
ofrece estadísticas en tiempo real del usuario con el que estamos
chateando, como su ubicación, dirección IP o navegador que está usando,
entre muchas otras. Tambien podremos integrarlo con Google Analytics en
el caso que necesitemos más estadísticas
.
Aqui puedes ver un tutorial en video sobre como funciona
Zopim.com
:
Su instalación es bastante sencilla. Tras realizar el registro en
Zopim.com
, nos preguntará en que sistema Web va a ser instalado el botón de
soporte: WordPress, Joomla, código HTML… para proporcionarnos un código a
copiar en el lugar correspondiente.
Para sistemas como Joomla o
WordPress, ya existen plugins que nos facilitarán este trabajo al
máximo, evitando tener que trabajar con código y editar ficheros
, pero para blogger es mucho mas facil solo t
iene que configurar el cha
t y obtener el co
digo HTML
, para
añadirlo
en el blog como un nuevo
gadget
.
Aqui puedes ver una prueba de como queda el chat de Zopim en tu Bog, abajo en
la parte derecha
aparece el chat "
Alguna Pregunta
"
.
Prueba del chat de Zopim.com
Espero que os sirva
este nueva
sistema
de poner un cha
t
y ofrecer soporte
en tu blog
y si les gusta recibir otr
as novedades
para mejorar el blog
por correo electronico,
suscribete
gratis a nuestro blog, visita nuestra
pagina de facebook
o añade el
Rss Feed
.
Reproductor de Musica para Blogger (Solucion)
Etiquetas:
[
Gadgets Utiles
] [
Gadgets de Musica
]
Fecha Publicación:
2013-01-11T17:18:00.002-08:00
Como hemos visto que el otro reproductor de musica ha dejado de funcionar por que la pagina
M
ixpod.com
esta cerrada,
he decidido a presentarle otra alternativa que se llama
SCM Music Player
que
nos ofrece la posibilidad de poner un
reproductor de musica
en nuestro blog de blogger.
Para obtener el codigo de uno de estos
reproductores de musica
tenemos que seguir
estos secillos pasos :
1.
Nos vamos a
SCM Music Player
y
d
e la solapa Choose skin escogemos un color para el reproductor; si queremos, podemos cargar una hoja de estilos, en la parte donde dice Custom skin CSS.
2.
En la solapa Edit Playlist vamos a agregar las canciones; podemos agregar de dos formas : haciendo una lista de canciones de forma manual (Manual Playlist) o colocando la URL de un feed (RSS Podcast).
Para hacer las lista manual, colocaremos el título de la canción en el lado izquierdo (donde dice Song Title); donde dice Song URL, pegaremos la URL de la canción. Podemos colocar una canción que hayamos alojado en algún sitio o colocar la URL de un video de YouTube.
3.
En la solapa Configure Settings, vamos a configurar algunos parámetros de nuestro resproductor: si deseamos que el reproductor funcione al momento de entrar al blog (autostart); si queremos que las canciones se reproduzcan de manera aleatoria (Shuffle Playback); podemos configurar el volumen que tendrá el reproductor por defecto(Default Volume); podemos escoger el lugar en el que se ubicará el reproductor (Placement of Player Bar) y podemos escoger si queremos que la lista de canciones se vea por defecto (Show Playlist by Default).
4.
Una vez configurado todo, damos click a Done. Copiamos el código generado y vamos a nuestro blog.
5.
El código podemos colocarlo en dos lugares : en la misma plantilla o a través de un gadget.
6. Si queremos agregar el reproductor a través de la plantilla, vamos a Plantilla - Edición de HTML - Continuar. Con la ayuda de CTRL+F buscamos </body> y encima pegaremos el código generado; damos click a Guardar plantilla.
7.
La otra forma de agregar el reproductor a nuestro blog es mediante un gadget. Para ello nos vamos a Diseño -
Añadir un gadget
- HTML/Javascript. Pegamos el código en el gadge
t
y listo.
Espero que os sirva como
una
alternati
va al otro reproductor de mixpod
que ya no funciona
y si les gusta
recibir otros gadgets para mejorar
y
decorar tu blog directamente por correo electronico,
suscribete
gratis a nuestro blog, visita nuestra
pagina de facebook
o añade el
Rss Feed
.
Fuente :
Diyva.blogspot.com.es
Nieve cayendo por todo tu blog (Gadget para Navidad)
Etiquetas:
[
Gadgets de Navidad
]
Fecha Publicación:
2012-12-20T19:57:00.002-08:00
Finalmente, hoy no fue el fin del mundo, por que yo estoy publicando un nuevo
gadget de navidad para blogger
je je je je, y para alegría de muchos, los profetas volvió a fallar otra vez en sus predicciones,
mi opinion es
que no les damos
importancia
a estas tonterias y que continuamos a decorar el blog para la navidad.
En esta entrada les presento un
bonito gadget
que nos permite crear un efecto de nieve cayendo por todo el blog, lo interesante de este
gadget para navidad
es que la dirección del efecto de nieve se mueve según la dirección de tu cursor.
Para instalar este efecto de nieve cayendo en tu blog solo tiene que copiar el codigo de abajo
y pegarlo en un tu blog como un nuevo gadget y listo
! Tenemos nieve en nuestro blog
!
Nieve en tu Blog
Seguimos con los
gadgets para navidad
y
para el añ
o nuevo
tambien
,
asi que si no quieres perder ningun otro gadget
suscribete
gratis a nuestro blog, visita nuestra
pagina de facebook
o añade el
Rss Feed
.
Decora tu blog para Navidad con un Muñeco de Nieve
Etiquetas:
[
Gadgets de Navidad
]
Fecha Publicación:
2012-12-13T21:33:00.000-08:00
Bueno como les prometi continuamos con nuevos
gadgets para decorar
nuestro blog para la
navidad
, y para hoy prepare un muñeco de nieve con mucho gusto.
Vamos a ver
como instalar
y donde se qu
eda este
muñeco
de nieve
en el blog,
para instalarlo es muy facil como siempre
, copiamos el codigo debajo de la ima
gen y lo p
e
gamos en un nueva
gadget
en nuestro blog.
El
muñeco de nieve
se queda
arri
b
a en
tu blog
en la parte izquierda igual como un adorno, pero tambien se puede cambiar la p
osicion si quieres, solo tiene
s que buscar en el codigo
la
etiqueta
left
y cambiarlo por
right
si quieres que el gadget se queda en la parte derecha o
center
para que se queda en el centro.
No dejas de visitar
GadegtsBlogger.com
, por que este navidad va ser uno de
lo mas bonito
navidad
para todos nuestros visitante por
que
van a encontrar los mejores
gadgets y adornos para navidad
.
Seguimos con los
gadgets para navidad
y todo el mes de diciembre vamos a publicar cosas sobre navidad asi que si no quieres perder ningun otro gadget
suscribete
gratis a nuestro blog, visita nuestra
pagina de facebook
o añade el
Rss Feed
.
Papa Noel esquiando en tu blog (Gadget para Navidad)
Etiquetas:
[
Gadgets de Navidad
]
Fecha Publicación:
2012-12-05T06:21:00.002-08:00
Ya se acerca la Navidad !
Y para este navidad de 2013 nos propusimos crear los mejores
gadgets para navidad
que existe en internet, para que puedas sorpender ademas de los visitantes de su blog
a
los otros bloggeros tambien, ¿Que les parece? , estas preparados para
adornar
el
blog para navidad
?
Pues, vamos a comenzar con el primer
gadget para navidad
de este año 2013, se trata de un
Papa Noel esquiando por nuestro blog
con un mesajito, por ejemplo nosotros hemos puesto !Feliz Navidad ! Yo estoy esquiando !, pero tu puedes cambiar el mensaje y ponerlo a tu gusto.
Ahora para
instalar el gadget
en tu blog, puede ser que les parece un poco complicado pero es mas facil que con los gadgets normales. El codico que lo vas a encontrar abajo del gadget tienes que pegarlo en el codigo html en tu blog
arriba de la etiqueta
<header>
.
Para encontrar mas rapido esta etiqueta solo tiene que presionar
CTRL+F
,
cuando estas dentro de la Edicion de HTML en tu blog. Buenos bamos que les presento el
gadget de Papa Noel
esquiando :
Yo estoy esquiando! Les deseo Feliz Navidad!
No dejas de visitar
GadegtsBlogger.com
, por que est
e
navidad va ser el mejor navidad para nuestros visitante
por que en nuestro blog va encontrar los mejores
gadgets y adornos para navidad
.
Seguimos con los
gadgets para navidad
y todo el mes de diciembre vamos a publicar cosas sobre navidad asi que si no quieres perder ningun otro gadget
suscribete
gratis a nuestro blog, visita nuestra
pagina de facebook
o añade el
Rss Feed
.
Gadget "Ultimos Comentarios" con Imagen "Solucion"
Etiquetas:
[
Gadgets Utiles
]
Fecha Publicación:
2012-11-29T14:45:00.001-08:00
Hola amigos de
GadgetsBlogger.com
, en esta entrada les presentamos la solucion para el gadget "
Ultimos comentarios con Imagen
", por que hemos encontrado en el
foro de blogger
un monton de preguntas sobre
el otro
gadget
que ha dejado de funcionar.
Cuando entras en el blo
g les
sale un cartel
con este error:
"
http://bloggerblogwidgets.googlecode.com
está solicitando un nombre de usuario y una contraseña. El sitio dice:
"Google Code Subversion Repository
"
, mientras que se soluciona esta problema ya puedes
añadir
otro gadget "
Ultimos Comentarios con Imagen
", pero mejorado.
Este nuevo gadget "
Ultimos Comentarios
con Imagenes
" mejorado incluye el titulo de la entrada, ademas distingue los comentarios del
autor y muestra lo que el usuario comento pasando el mouse encima del
nick del usuario que ha comentado.
.rc-avatar{float:left;margin-right:10px;border:1px solid #999;border-radius:5px;background:#FFF;width:40px;height:40px;padding:3px}
Para instalar este gad
get solo tiene que copiar el codigo y pegarlo en tu blog como un nuevo gadget
, aqui p
uedes
ver un tu
torial
con video sobre como agregar un gadget en tu blog.
Espero
que
os
s
irva como a
yuda este
gadget
para solucio
nar
el error del otro
y
quieres
recibir otros gadgets para mejorar o decorar tu blog directamente por correo electronico,
suscribete
gratis a nuestro blog, visita nuestra
pagina de facebook
o añade el
Rss Feed
.
Mega FB Man para Compartir y Seguir en Facebook
Etiquetas:
[
Gadgets Utiles
] [
Gadgets Divertidos
]
Fecha Publicación:
2012-11-24T20:12:00.002-08:00
Como ya muchos de ustedes recordaréis el
pájaro volando de twitter
que permitía enviar un tweet con la dirección visitada al pinchar en él, pues hemos encontrado otro
gadget
parecido que esta creado de Oloman de
Oloblogger
pero que sus funciones se puede aplicar a
F
acebook
.
El
Mega FB Man
como fu
i
bautizado de Oloman estará siempre visible en la página y cuando se haga scroll y desaparezca, bajará o subirá por ella hasta quedar otra vez dentro de la ventana visual.
Cuando se hace hover sobre él, un par de mensajes con las leyendas "
Compartir
" y "
Seguir
" aparecen para que el usuario pueda enviar el enlace a su cuenta de Facebook o para que pueda acceder a tu página y pinchar en el "
Me gusta
" si le place.
Cuando
Mega FB Man
se sitúa en algún lugar que molesta para la lectura o visión de alguna imagen, sólo hay que agitarlo un poco con el puntero y cambiará de posición.
Aahora para que funcione en tu pagina este bonito
Gadget
, lo único que hay que hacer es copiar el siguiente código en un nuevo
gadget
y cambiar la dirección mia de facebook por la de tu página
de
Facebook
.
Espero que os haya
gustado este
Mega FB Man para Compartir y Seguir en Facebook
y
quieres
recibir otros gadgets para mejorar o decorar tu blog directamente por correo electronico,
suscribete
gratis a nuestro blog, visita nuestra
pagina de facebook
o añade el
Rss Feed
.
Quieres asustar a tus visitantes con un avion cayendo?
Etiquetas:
[
Gadgets de Terror
] [
Gadgets Divertidos
]
Fecha Publicación:
2012-11-16T22:44:00.001-08:00
En esta entrada les enseño un bonito
truco para asustar
a tus lectores cuando entran en tu blog, y por eso he creado un bonito
gadget divertido
que se llama "
E
l avion
C
ayendo
". Este
gadget
es muy divertido y seguramente va asustar o divertir algunas de las personas que
entr
an
en
tu blog.
Para
instalar el gadeget
en tu blog es muy facil, solo tiene que copiar el codigo que esta situado debajo del gadget y añadirlo a tu blog como un gadget nuevo, si no save como hacerlo tambien puedes
visitar esta pagina
.
El
gadget divertido
con el avion cayendo aparece
ar
riba en la parte izquierda de la pagina y se mueve una ves con la pagina cuando ha
ces scroll.
Si este gadget te gusta tambien te puede interesar la
camara de vigil
a
ncia
en tu blog
que vigila tu blog, o el famoso
pajaro de twitter volando
por
el blog, y no te cuento mas sobre
o
comentar es agrade
cer
con bart simpson
y su padre
Homer
.
Espero que os haya
asustado a tus visitante con este
divertido gadget
y para recib
ir otros gadgets para mejorar o decorar tu blog directamente por correo electronico
,
suscribete
gratis a nuestro blog, visita nuestra
pagina de facebook
o añade el
Rss Feed
.
Juego de Hokey para tu Blog
Etiquetas:
[
Juegos para Blog
]
Fecha Publicación:
2012-11-13T16:50:00.000-08:00
En esta entrada
les
presento un nuevo
juego
de
Hokey para blogger
,
por que necesito poner un
jue
go en mi blog
?
P
ara que tus visitantes permanezcan más tiempo en tu pagina
jugando en el jueg
o
y tambien para que se divierten un poco.
El
Juego
se llama
Air Hokey
y
es en ingles pero n
o creo que importa mucho esto por que los usuarios de tu blog seguro se divierten con
este
juego
, porque
les ofreceremos la posibilidad de
jugar
y
seguramente estén más tiempo en el
blog
.
Gadget para bloger, widgets para blogger
Para instalar
este
juego de hokey
en tu blog, solo tiene que seguir estos
sencillos pasos
:
Solo tiene que copiar el codigo que esta debajo del juego y pegarlo en tu blog en
HTML/
Javascript
c
omo
añadir un nuevo gadget
.
Tambien podemos pegarlo en una entrada, para eso simplemente creamos una entrada nueva, nos vamos al modo de
HTML
y pegamos el código mencionado anteriormente.
Si querés cambiarle el ancho, simplemente modificá el
535
por otro número mayor o menor, y para el alto sólo tienes que modificar el
465
.
Espero que os haya resultado interesante y util este nuevo
Juego de Hokey para tu Blog
y para recibir mas
juegos
para
blogger
,
suscribete
gratis a nuestro blog, visita nuestra
pagina de facebook
o añade el
Rss Feed
.
Gadget "Post Recomendado" deslizante con botones de Twitter / Facebook
Etiquetas:
[
Gadgets Utiles
] [
Widgets Utiles
]
Fecha Publicación:
2012-11-08T19:52:00.003-08:00
En este post les presento un
gadget
impresionante y
nuevo que de momento se puede ver solo en los blogs de Wordpress, pero ya ahora
está disponible en
Blogger
tambien.
"
Post Recomendado
" es un interesante gadget
que seguro algunos de ustedes que estas visitando blogs
en plataforama
Wordpress lo has
visto, aparece como un mensaje deslizante abajo en la pagina como "
R
ecomendados"
o "
R
elacionados
" .
Nosotros hemos visto este tipo de
Gadget
en muchos
sitios web populares como The New York Times, Mashable, Times of India, etc.
Este gadget está desarrollado originalmente por
24work.blogspot.com
un blog
en ingles
, y
nosotros lo hemos traducido en español
,
hemos agregado
tambien los dos botones de Facebook y
Twitter para compartir
la pagina.
L
o bueno de este
gadget
para blogger
es que mantiene a los lectores mas tiempo en
tu blog para leer más páginas.
Para
instalar
el gadget
"Post Recomendado" deslizante en tu blog solo tiene que copiar el codigo que
te lo dejamos
abajo
y añadirlo
com un gadget nuevo en t
u blog
:
#recslide{z-index:5;width:400px;height:100px;padding:10px;background-color:#fff;border-top:0px solid #000;position:fixed;right:-430px;bottom:0;-moz-box-shadow:-2px 0 5px #aaa;-webkit-box-shadow:-2px 0 5px #aaa;box-shadow:-6px -5px 5px #aaa; font-family:Arial, Helvetica, sans-serif;}#recslide p{font-size:11px;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;letter-spacing:1px;color:#000; font-weight: bold;}#recslide_title{color:#555;font-weight:700;font-size:16px;margin:10px 20px 10px 0;}#recslide a,#recslide a:hover,#recslide_title{text-decoration:none;color:#0000ff; padding: 5px 5px 5px 2px;}#recslide .close,#recslide .expand,#recslide .help{border:2px solid #EEE;cursor:pointer;color:#9A9AA1;width:13px;height:15px;padding:2px 0 0 5px;position:absolute;right:10px;font-size:17px;font-weight:700;font-family:Arial, Helvetica, sans-serif;font-size:12px;}#recslide .help{right:35px;}#recslide_image{float:left;width:80px;}#recslide_title{width:287px;height:30px;overflow:hidden;}
?
+
X
Post Recomendado
Loading..
loading
Espero que os haya resultado interesante est
e nuevo
Gadget "Post Recomendado" deslizante con botones de Twitter / Facebook
y para recibir mas noticias sobre blogger,
suscribete
gratis a nuestro blog, visita nuestra
pagina de facebook
o añade el
Rss Feed
.
La evolucion de Blogger en una Imagen
Etiquetas:
[
Noticias sobre Blogger
]
Fecha Publicación:
2012-11-06T20:12:00.001-08:00
Personalmente
Blogger
es uno de los servicios de Google que más me gustan por varias
razones dentro de las cuales destaco una interfaz limpia y muy
sencilla
, una excelente
integración con
las redes sociales y
la facilidad de personalización tanto con
plantillas como con
gadgets
y
widgets
.
La
Imagen
muestra datos interesantes recopilados en toda la red
desde el año de creación y lanzamiento del CMS hasta los últimos cambios
en su nueva interfaz en el 2012.
Ademas, muestra datos del comportamiento de
Blogger
en las
redes sociales como la cantidad de suscriptores y seguidores que se
obtuvo el mes de septiembre, bueno un poco fuera de fecha, y la cantidad
de sitios que enlazan a blogger (aunque cada dia son miles y miles de
mas sitios enlazando).
Bueno, mejor les dejo la
Imagen
completa para que le echen un vistazo y comenten.
Click en Imagen para agrandar
Espero que os haya resultado interesante esta
imagen con la evolucion de blogger en los ultimos años
y para recibir ma
s noticias sobre blogger
,
suscribete
gratis a nuestro blog, visita nuestra
pagina de facebook
o añade el
Rss Feed
.
Como personalizar el gadget "Presentacion" (Slideshow)
Etiquetas:
[
Gadgets Utiles
] [
Gadgets para Blog
]
Fecha Publicación:
2012-10-27T08:11:00.000-07:00
El gadget estandar
"
Pre
sentacion
" de blogger los conoces las mayorias de vosotros, pero lo que hasta hoy no sabias sobre este
gad
get
es que
se pueden aumentar su tamaño
(el tamaño de las fotografias).
Con este
gadget de blogger
conseguimos fácilmente una bonita presentación, slide o slideshow de
fotografías alojadas en
Picasa
,
Flickr
,
PhotoBucket
y otros servicios
similares.
Para
encontrar
y probar este gadget
solo tenéis que acceder a “
Diseño
” del administrador del blog, y “
Añadir un gadget
” en el lugar que queráis colocar esta presentación fotográfica. Pinchar sobre el
gadget
con el título “
Presentación
” y configurar unos parámetros muy fáciles.
Como las mayorias no sabes este
gadget de blogger
tiene un gran de
fect
o
que Blogger aún no ha resuelto, y es que es demasiado pequeño.
Así que si queréis transformar este
gadget
a un tamaño mayor y personalizar algunos de sus aspectos,solo tenéis que colocar este pequeño código en vuestra plantilla justo antes de
]]></b:skin>
.slideshow-container {
width: 297px;
height: 221px;
background: #bb0000;
border: 2px solid #bb0000;
}
Y ahora con este codigo ya puedes cambiar todas las propiedades del
gadget
, como :
width:
Ancho en píxeles.
height:
Alto en píxeles.
background:
Color de fondo en el gadget.
border:
Borde a todo el gadget.
Espero que os haya resultado interesante est
a
perso
nalizacion de gadget
y para recibir mar trucos y ayuda con cual se puede mejorar tu blog
,
suscribete
gratis a nuestro
blog
, visita nuestra
pagina de facebook
o añade
el
Rss Feed
.
Marcadores Sociales Flotantes para tu blog
Etiquetas:
[
Gadgets Utiles
] [
Gadgets para Blog
]
Fecha Publicación:
2012-10-18T18:47:00.001-07:00
Con el desarrollo de las
redes sociales
, cada vez es más interesante facilitar a los usuarios de tu blog la inclusión de tus artículos en las
redes sociales
que utilicen.
De esta forma, además de proporcionar un servicio interesante para tus usuarios como este
gadget de marcadores sociales flotantes
, conseguirás aumentar la distribución de tus posts gracias a la propia publicidad que tus usuarios realizarán de ellos.
Esta
barra flotante con marcadores sociales
, se ubicara en la parte lateral del blog por lo que no tendras que gastar espacio y como si fuera poco tiene una gran apariencia.
Para
instalar estos botones flotantes en tu blog
solo tiene que
acceder a
Diseño
de tu Pagina, Seleccionar
Añadir un gadget
y en el cuadro que aparece pegamos el codigo
:
#pageshare {position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px
0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
Tweet
Share
[Get This]
Si te ha gustado esta
barra de marcadores flotantes
, no dudes en suscribirte al
feed RSS
de
GadgetsBlogger.com
y visitar nuestra
pagina de facebook
para recibir todos los articulos para mejorar y decorar tu blog.
Prepara tu Blog para Halloween
Etiquetas:
[
Gadgets de Terror
] [
Gadgets Divertidos
]
Fecha Publicación:
2012-10-04T20:45:00.002-07:00
Se acerca
Halloween
y es importante que nuestro blog esté decorado para tal ocasión. ¿Queréis que os dejo algunas cosas para hacer más atractivo vuestro blog de
halloween
y impresionar a sus visitantes ?
Por eso hemos preparado en esta entrada unas bonitas
imagenes de halloween
con cual puedes decorar tu blog y darle un toque para la fiesta de
halloween de 2012
.
Para
decorar tu blog
con una de estas bonitas imagenes de "
Happy Halloween
", solo tiene que seguir estos sencillos pasos :
-
Debes acceder a
Diseño
de tu Pagina,
Seleccionar
Añadir un gadget
y en el cuadro que aparece pegamos el codigo del
Gadget
que esta situado debajo de cada
imagen para halloween
.
Si te ha gustado estos
imagenes para halloween
, no dudes en suscribirte al
feed RSS
de
GadgetsBlogger.com
y visitar nuestra
pagina de facebook
para recibir todos los articulos para mejorar y decorar tu blog.
Relojes para tu Blog (como nunca has visto)
Etiquetas:
[
Relojes para Blog
]
Fecha Publicación:
2012-09-23T16:41:00.001-07:00
Hoy os presento una serie de
relojes digitales muy originales
como nunca has visto, que
podréis insertar en vuestro blog o web, en cuestión de segundos, y darle
un toque de originalidad horaria a vuestro blog.
Solamente debes de
elegir el reloj
que más te agrade y copiar el codigo HTML de cada reloj digital y
pegarlo en tu blog
. Espero que os gusten y que insertéis algún reloj.
Ahora les dejo los
relojes digitales
para elegir :
Si te ha gustado estos
relojes digitales muy divertidos
, no dudes en suscribirte al
feed RSS
de
GadgetsBlogger.com
-
para recibir todos los días las últimas novedades en mejorar y decorar un blog.
Decora y personaliza tu blog para Halloween
Etiquetas:
[
Gadgets de Terror
] [
Gadgets Divertidos
] [
Gadgets para Blog
]
Fecha Publicación:
2012-09-18T10:51:00.000-07:00
Aunque todavía quedan varias semanas antes que
celebremos Halloween 2012
el próximo 31 de Octubre, ya podemos comenzar la
decoracion de nuestro blog para haloween
que en realidad es una fieste que se celebra en los
Estados Unidos
, pero que en cierto modo ha acabado por instalarse tambien en
España
y en todo el mundo.
Hemos preparado para ese año de halloween en
gadgets para blogger,
unas bonitas lines de callabazas con cual se puede decorar el blog muy facilmente el blog, y darle un toque para la fiesta de halloween de 2012.
Para
añadir a tu blog
una de estas bonitas lineas de calabazas, solo tiene que seguir estos sencillos pasos :
1.
Debes acceder a
Diseño
de tu Pagina,
2
. Seleccionar
Añadir un gadget
y en el cuadro que aparece pegamos el codigo del
Gadget
que esta situado abajo de cada
gadget para halloween
.
Si te ha gustado esta entrada sobre
como decorar y personalizar tu blog para fiesta de Halloween
, no dudes en suscribirte al
feed RSS
de
GadgetsBlogger.com
-
para recibir todos los días la últimas novedades en mejorar y decorar un blog.
Como usar Badoo Chat Online
Etiquetas:
[
Chat para Blog
]
Fecha Publicación:
2012-08-10T03:11:00.000-07:00
Badoo.com es una de la mas grande redes sociales que tiene un chat interno, que puede ser usado para conocer nuevos amigos y es exclusivamente por los usuarios que tengan una
cuenta en badoo
.
El
chat online de badoo
es la herramienta más utilizada por los ususarios de badoo, para comunicarse entre ellos en tiempo real, pero de momento solo puedes establecer conversaciones con los usuarios que estén dentro del apartado de “Tus carpetas” o del apartado de “Listas”.
Para usar
badoo chat online
debes seguir estos sencillos pasos:
1.
Entra en tu perfil badoo y haz click en la parte superior, en la pestaña “
Mensajes
”
2.
Una vez dentro, si lo que quieres es hablar con tus conocidos, vete a la sección de “Amigos”, en el apartado “
Tus carpetas
”
3.
Ahora simplemente haz click sobre la opción “
Abrir Chat
” que se encuentra en el listado de amigos, al lado de cada foto del perfil badoo de tus amigos.
4
. A continuación veras que se te abre una ventana con la aplicación
badoo
chat
, con tres secciones distintas:
a. Sección izquierda
—> aparece una lista con los usuarios con los que has establecido alguna conversación.
b.
Sección central
—–> muestra la foto del perfil del usuario con el que estás hablando y algunos de sus datos.
c.
Sección derecha
—–> muestra el contenido de la conversación que tengamos abierta en ese momento.
5.
Por último solo nos queda elegir con quien queremos hablar y escribir, en la sección de la derecha, el mensaje que queras enviar.
Si te ha gustado esto tutorial sobre
como usar el chat online de badoo.com
y si quieres recibir mas tutoriales por correo electronico,
suscribete gratis
al boletin de noticias de
GadgetsBlogger.com
o añade nuestro
feed RSS
.
.
Cursores Animados para tu Blog
Etiquetas:
[
Accesorios para Blog
]
Fecha Publicación:
2012-07-17T21:19:00.000-07:00
En esto post les dejo unos bonitos
cursores animados para agregar a tu blog
, es muy facil de instalar uno de estos bonitos cursores animados en tu blog por que no tiene que modificar nada en tu plantilla, solo tiene que copiar el codigo de cada
cursor animado que mas te guste
y añadirlo en tu blog como un
Gadget
.
Aqui les dejo los modelos de
cursores animados
, para elegir el que mas te gusta :
body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-8/oth755.cur), progress;}
body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-12/ani1134.ani), url(http://cur.cursors-4u.net/anime/ani-12/ani1134.png), progress;}
body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-12/oth1127.ani), url(http://cur.cursors-4u.net/anime/ani-12/oth1127.png), progress;}
body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-11/ani1091.cur), progress;}
body, a:hover {cursor: url(http://cur.cursors-4u.net/people/peo-1/peo9.ani), url(http://cur.cursors-4u.net/people/peo-1/peo9.png), progress;}
body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-11/ani1001.cur), progress;}
body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-10/ani994.cur), progress;}
body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-10/ani936.ani), url(http://cur.cursors-4u.net/anime/ani-10/ani936.png), progress;}
body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-9/ani843.cur), progress;}
Si te ha gustado estos
Cursores Animados
y si quieres seguir a mejorar y decorar tu blog ,
suscribete gratis
al boletin de noticias de
GadgetsBlogger.com
para recibir todas las nuevas publicaciones por correo electronico o añade nuestro
feed RSS
.
.
Gadget divertido " El Monstruo Tragacursores"
Etiquetas:
[
Gadgets Divertidos
]
Fecha Publicación:
2012-07-06T21:46:00.000-07:00
Hoy les dejo uno de los mas bonitos
Gadgets Divertidos
para blogger que lo vi por internet.
Se trata de un
Monstruo Tragacursores
que esta realizado de un joven
diseñador
,
para ver como funciona este gadget solo tiene que pasar el cursor sobre el , te lo come , se cambia de color y saca algunos sonidos.
Para añadir este
Gadget Divertido
en tu blog, solo tiene que copiar el codigo que esta abajo y pegarlo en tu blog en
Diseño -
A
gregar un Gadget
:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script src="http://hostredeando.ucoz.es/SCRIPTS/monster/engine.js"></script>
<div id="cont" xclass="sleep"><center><div id="monster"><div xclass="eye">
<div xclass="lid"></div></div><div xclass="eye"><div xclass="lid"></div></div><div id="mouth"></div></div></center></div>
<xstyle>
#cont{
z-index: 11;
position: absolute;
top: 50%;
left: 50%;
-webkit-transition: -webkit-transform .3s cubic-bezier(.1, 0, 0, 1);
-moz-transition: -moz-transform .3s cubic-bezier(.1, 0, 0, 1);
-o-transition: -o-transform .3s cubic-bezier(.1, 0, 0, 1);
transition: transform .3s cubic-bezier(.1, 0, 0, 1);
}
#cont:after { /* shadow */
content: "";
z-index: -1;
position: absolute;
width: 100px; height: 100px;
margin-left: -50px;
border-radius: 50px;
-webkit-box-shadow: hsla(210,0%,0%,.8) 0 200px 100px 1px;
-moz-box-shadow: hsla(210,0%,0%,.8) 0 200px 100px 1px;
-o-box-shadow: hsla(210,0%,0%,.8) 0 200px 100px 1px;
box-shadow: hsla(210,0%,0%,.8) 0 200px 100px 1px;
-webkit-transform: translateY(-160px) scale(1.4, .5);
-moz-transform: translate( -50px, -160px) scale(1.2, .5);
-o-transform: translateY(-160px) scale(1.4, .5);
transform: translateY(-160px) scale(1.4, .5);
}
#monster {
z-index: 1;
position: relative;
width: 200px;
height: 240px;
margin: -120px 0 0 -100px;
border-radius: 100px 100px 50px 50px / 160px 160px 80px 80px;
text-align: center;
background-color: #5e97ed;
background-image: -webkit-gradient(radial, 50% 8%, 0, 50% 40%, 120,
color-stop( 0, rgba(255,255,255,.8) ),
color-stop(.8, rgba(255,255,255, 0) ),
color-stop(.8, rgba(0,0,0, 0) ),
color-stop( 1, rgba(0,0,0,.33) )),
url(noise.png);
background-image: -moz-radial-gradient(50% 21% 0deg, rgba(255,255,255,.8) 0%, rgba(255,255,255, 0) 80%, rgba(0,0,0, 0) 80%, rgba(0,0,0,.33) 100% ), url(noise.png);
background-image: -o-radial-gradient(50% 21% 0deg, rgba(255,255,255,.8) 0%, rgba(255,255,255, 0) 80%, rgba(0,0,0, 0) 80%, rgba(0,0,0,.33) 100% ), url(noise.png);
background-image: radial-gradient(50% 21% 0deg, rgba(255,255,255,.8) 0%, rgba(255,255,255, 0) 80%, rgba(0,0,0, 0) 80%, rgba(0,0,0,.33) 100% ), url(noise.png);
-webkit-box-shadow: inset rgba(0,0,0,.5) 0 -10px 50px;
-moz-box-shadow: inset rgba(0,0,0,.5) 0 -10px 50px;
-o-box-shadow: inset rgba(0,0,0,.5) 0 -10px 50px;
box-shadow: inset rgba(0,0,0,.5) 0 -10px 50px;
-webkit-transform-origin: bottom;
-moz-transform-origin: bottom;
-o-transform-origin: bottom;
transform-origin: bottom;
-webkit-box-reflect: below -3px -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100,
color-stop(0.6, rgba(0,0,0,.2) ), to( transparent ));
-webkit-transform: scale3d(1, 1, 1); /* fixes the reflection after scaling */
-webkit-transition: background-color .5s ease-out;
-moz-transition: background-color .5s ease-out;
-o-transition: background-color .5s ease-out;
transition: background-color .5s ease-out;
}
/* ---------------------------- ojos ---------------------------- */
#monster .eye:first-child {
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
-o-transform: scale(0.6);
transform: scale(0.6);
}
.eye {
position: relative;
width: 60px;
height: 40px;
margin: 0px auto 5px auto;
top: 15%;
border-radius: 60px / 40px;
background-color: #eee;
-webkit-box-shadow: inset rgba(0,0,0,.4) 0 -1px 3px 1px, inset rgba(0,0,0,.5) 0 -5px 20px, rgba(0,0,0,.5) 0 -5px 10px, rgba(255,255,255,.5) 0 5px 10px;
-moz-box-shadow: inset rgba(0,0,0,.4) 0 -1px 3px 1px, inset rgba(0,0,0,.5) 0 -5px 20px, rgba(0,0,0,.5) 0 -5px 10px, rgba(255,255,255,.5) 0 5px 10px;
-o-box-shadow: inset rgba(0,0,0,.4) 0 -1px 3px 1px, inset rgba(0,0,0,.5) 0 -5px 20px, rgba(0,0,0,.5) 0 -5px 10px, rgba(255,255,255,.5) 0 5px 10px;
box-shadow: inset rgba(0,0,0,.4) 0 -1px 3px 1px, inset rgba(0,0,0,.5) 0 -5px 20px, rgba(0,0,0,.5) 0 -5px 10px, rgba(255,255,255,.5) 0 5px 10px;
background-repeat: no-repeat;
background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 40,
color-stop(.12, rgba(0,0,0,1) ),
color-stop(.22, hsl(190,50%,50%) ),
color-stop(.4, hsl(200,50%,30%) ),
color-stop(.5, rgba(255,255,255,0) )
);
background-image: -moz-radial-gradient(50% 50% 0deg, circle, rgba(0,0,0,1) 12%, hsl(190,50%,50%) 22%, hsl(200,50%,30%) 40%, rgba(255,255,255,0) 50% );
background-image: -o-radial-gradient(50% 50% 0deg, circle, rgba(0,0,0,1) 12%, hsl(190,50%,50%) 22%, hsl(200,50%,30%) 40%, rgba(255,255,255,0) 50% );
background-image: radial-gradient(50% 50% 0deg, circle, rgba(0,0,0,1) 12%, hsl(190,50%,50%) 22%, hsl(200,50%,30%) 40%, rgba(255,255,255,0) 50% );
}
.eye:before { /* highlight */
content: "";
position: absolute;
top: 20%;
left: 32%;
border-radius: 5px;
width: 10px; height: 10px;
background-color: #fff;
-webkit-transform: skewX(-10deg);
-moz-transform: skewX(-10deg);
-o-transform: skewX(-10deg);
transform: skewX(-10deg);
}
.eye .lid {
position: absolute;
border-radius: inherit;
width: inherit; height: inherit;
background-color: rgba(94,151,237,0.8);
-webkit-box-shadow: inset rgba(0,0,0,.2) 0 -1px 3px 1px, inset rgba(0,0,0,.5) 0 -5px 20px, rgba(0,0,0,.6) 0 1px 2px;
background-image: -webkit-gradient(radial, 50% 10%, 0, 50% 30%, 40,
color-stop( 0, rgba(255,255,255,.8) ),
color-stop(.8, rgba(255,255,255, 0) ),
color-stop(.8, rgba(0,0,0, 0) ),
color-stop( 1, rgba(0,0,0,.33) )),
url(noise.png);
background-image: -moz-radial-gradient(50% 20% 0deg, rgba(255,255,255,.8) 0%, rgba(255,255,255, 0) 80%, rgba(0,0,0, 0) 80%, rgba(0,0,0,.33) 100% ), url(noise.png);
background-image: -o-radial-gradient(50% 20% 0deg, rgba(255,255,255,.8) 0%, rgba(255,255,255, 0) 80%, rgba(0,0,0, 0) 80%, rgba(0,0,0,.33) 100% ), url(noise.png);
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: 0px 0px;
-webkit-mask-image: -webkit-gradient(radial, 50% 120%, 20, 50% 120%, 50,
color-stop(.5, rgba(0,0,0,0)),
color-stop(.6, rgba(0,0,0,1))
);
-webkit-transform: translate3d(0,0,0); /* fixes a render bug */
}
/* ---------------------------- boca ---------------------------- */
#mouth {
position: relative;
width: 100px;
height: 20px;
margin: 0 auto;
top: 25%;
overflow: hidden;
border-radius: 100px 100px 50px 50px / 60px 60px 80px 80px;
background-color: #111;
-webkit-box-shadow: inset rgba(0,0,0,.7) 0 -2px 10px 1px, rgba(0,0,0,.7) 0 -5px 10px, rgba(255,255,255,.7) 0 5px 10px;
-moz-box-shadow: inset rgba(0,0,0,.7) 0 -2px 10px 1px, rgba(0,0,0,.7) 0 -5px 10px, rgba(255,255,255,.7) 0 5px 10px;
-o-box-shadow: inset rgba(0,0,0,.7) 0 -2px 10px 1px, rgba(0,0,0,.7) 0 -5px 10px, rgba(255,255,255,.7) 0 5px 10px;
box-shadow: inset rgba(0,0,0,.7) 0 -2px 10px 1px, rgba(0,0,0,.7) 0 -5px 10px, rgba(255,255,255,.7) 0 5px 10px;
/* tongue */
background-repeat: no-repeat;
background-position: center 85%;
-webkit-background-size: 100px;
-moz-background-size: 100px;
-o-background-size: 100px;
background-size: 100px;
background-image: -webkit-gradient(radial, 62% 100%, 0, 62% 100%, 50,
color-stop(.3, rgba(255,0,0,1) ),
color-stop(.5, rgba(255,0,0,0) )),
-webkit-gradient(radial, 38% 100%, 0, 38% 100%, 50,
color-stop(.3, rgba(255,0,0,1) ),
color-stop(.5, rgba(255,0,0,0) ));
background-image: -moz-radial-gradient(62% 100% 0deg, rgba(255,0,0,1) 10%, rgba(255,0,0,0) 30% ), -moz-radial-gradient(38% 100% 0deg, rgba(255,0,0,1) 10%, rgba(255,0,0,0) 30% );
background-image: -o-radial-gradient(62% 100% 0deg, rgba(255,0,0,1) 10%, rgba(255,0,0,0) 30% ), -o-radial-gradient(38% 100% 0deg, rgba(255,0,0,1) 10%, rgba(255,0,0,0) 30% );
}
#mouth:before { /* teeth */
content: "";
position: absolute;
top: 0; left: 0; right: 0;
width: 30px; height: 10px;
margin: 0 auto;
border-radius: 0px 0px 4px 4px;
background-color: #fff9e4;
-webkit-background-size: 50%;
-moz-background-size: 50%;
-o-background-size: 50%;
background-size: 50%;
background-image: -webkit-gradient(linear, 0% 0%, 100% 0%,
color-stop(0, rgba(0,0,0,.4) ),
color-stop(.1, rgba(0,0,0,0) ),
color-stop(.9, rgba(0,0,0,0) ),
color-stop(1, rgba(0,0,0,.4) )
);
background-image: -moz-linear-gradient(left, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 90%, rgba(0,0,0,.4) 100% );
background-image: -o-linear-gradient(left, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 90%, rgba(0,0,0,.4) 100% );
background-image: linear-gradient(left, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 90%, rgba(0,0,0,.4) 100% );
-webkit-box-shadow: inset rgba(0,0,0,.8) 0 2px 5px 1px;
-moz-box-shadow: inset rgba(0,0,0,.8) 0 2px 5px 1px;
-o-box-shadow: inset rgba(0,0,0,.8) 0 2px 5px 1px;
box-shadow: inset rgba(0,0,0,.8) 0 2px 5px 1px;
-webkit-transform: perspective(50) translate3d(0,0,5px) rotateX(-40deg) ;
}
/* ---------------------------- states ---------------------------- */
/* sleep */
.sleep .eye {
background-position: 0 -40px;
}
.sleep .lid {
-webkit-mask-image: -webkit-gradient(radial, 50% 200%, 20, 50% 200%, 50, color-stop(.5, rgba(0,0,0,0)), color-stop(.6, rgba(0,0,0,1)) );
}
.sleep #mouth {
height: 50px;
background-position: center bottom;
-webkit-animation: sleep-mouth 2.5s 0 infinite alternate cubic-bezier(.3, 0, .5, 1);
}
.sleep #monster {
-webkit-animation: sleep-monster 2.5s 0 infinite alternate cubic-bezier(.5, 0, .3, 1);
}
/* hungry */
.hungry #mouth.out {
-webkit-transition: height .4s cubic-bezier(0, 0.6, 0.2, 1);
-moz-transition: height .4s cubic-bezier(0, 0.6, 0.2, 1);
}
.hungry .lid {
-moz-transform: scaleY(0); /* hide for browsers without mask-image */
-o-transform: scaleY(0); /* hide for browsers without mask-image */
}
.hungry #monster {
-webkit-animation: hungry-monster .3s 0 1 cubic-bezier(.4, .1, .2, 1);
-moz-animation: hungry-monster .3s 1 cubic-bezier(.4, .1, .2, 1);
}
/* eat */
.eat #monster {
background-color: #f932a5;
-webkit-animation: eat-swallow-monster .3s 0 1 cubic-bezier(.4, .1, .2, 1),
eat-monster .6s .3s infinite alternate cubic-bezier(.5, .1, .5, .9);
-moz-animation: eat-swallow-monster .3s 1 cubic-bezier(.4, .1, .2, 1),
eat-monster .6s .4s infinite alternate cubic-bezier(.5, .1, .5, .9);
}
.eat .eye:first-child {
-webkit-animation: eat-eye-first .6s 0 infinite cubic-bezier(0, .6, 1, .4);
-moz-animation: eat-eye-first .6s infinite cubic-bezier(0, .6, 1, .4);
}
.eat .eye:nth-child(2) {
-webkit-animation: eat-eye-second .6s 0 infinite cubic-bezier(0, .6, 1, .4);
-moz-animation: eat-eye-second .6s infinite cubic-bezier(0, .6, 1, .4);
}
.eat .lid {
display: none;
}
.eat #mouth {
height: 2px;
border-radius: 0px 0px 500px 500px / 0px 0px 60px 60px;
-webkit-box-shadow: inset rgba(0,0,0,.7) 0 -2px 10px 1px,
rgba(0,0,0,.7) 0 -2px 10px 2px, rgba(255,255,255,.7) 0 2px 6px 2px;
background-position: center 0px;
-webkit-animation: eat-mouth .2s 0 infinite alternate cubic-bezier(.5, .1, .5, .9);
-moz-animation: eat-mouth .2s infinite alternate cubic-bezier(.5, .1, .5, .9);
}
.eat #mouth:before {
display: none;
}
#wrapper.eat {
-webkit-transform: scale3d(1.08, 1.08, 1);
-moz-transform: scale(1.08, 1.08);
-o-transform: scale(1.08, 1.08);
transform: scale(1.08, 1.08);
-webkit-transition: -webkit-transform .1s cubic-bezier(.1, .3, 0, 1);
-moz-transition: -moz-transform .1s cubic-bezier(.1, .3, 0, 1);
-o-transition: -o-transform .1s cubic-bezier(.1, .3, 0, 1);
transition: transform .1s cubic-bezier(.1, .3, 0, 1);
}
/* ---------------------------- animation webkit ---------------------------- */
/* sleep */
@-webkit-keyframes sleep-mouth { 0% {}
100% { -webkit-transform: scale3d(1.04, 1.05, 1); }
}
@-webkit-keyframes sleep-monster { 0% {}
100% { -webkit-transform: scale3d(1.08, .92, 1); }
}
/* hungry */
@-webkit-keyframes hungry-monster { 0% {}
20% { -webkit-transform: scale3d(.8, 1.1, 1); }
100% { -webkit-transform: scale3d( 1, 1, 1); }
}
/* eat */
@-webkit-keyframes eat-swallow-monster { 0% {}
20% { -webkit-transform: scale3d(1.2, .9, 1); }
100% { -webkit-transform: scale3d(1, 1, 1); }
}
@-webkit-keyframes eat-monster { 0% {}
100% { -webkit-transform: scale3d(1.02, .98, 1); }
}
@-webkit-keyframes eat-mouth {
0% { -webkit-transform: translateY(10px); }
100% { -webkit-transform: translateY(15px) scale3d(0.9, 1.2, 1); }
}
@-webkit-keyframes eat-eye-first {
0% { background-position: 0 -60px; -webkit-transform: scale3d(.6,.6,1) translate3d(0,-5px,0); }
100% { background-position: 0 60px; -webkit-transform: scale3d(.8,.8,1) translate3d(0, 5px,0); }
}
@-webkit-keyframes eat-eye-second {
0% { background-position: 0 60px; -webkit-transform: scale3d(1,1,1) translate3d(0,0,0); }
100% { background-position: 0 -60px; -webkit-transform: scale3d(.8,.8,1) translate3d(0,0,0); }
}
/* ---------------------------- animation moz ---------------------------- */
/* hungry */
@-moz-keyframes hungry-monster { 0% {}
20% { -moz-transform: scale(.8, 1.1); }
100% { -moz-transform: scale( 1, 1); }
}
/* eat */
@-moz-keyframes eat-swallow-monster { 0% {}
20% { -moz-transform: scale(1.2, .9); }
100% { -moz-transform: scale(1, 1); }
}
@-moz-keyframes eat-monster { 0% {}
100% { -moz-transform: scale(1.02, .98); }
}
@-moz-keyframes eat-mouth {
0% { -moz-transform: translateY(10px); }
100% { -moz-transform: translateY(15px) scale(0.9, 1.2); }
}
@-moz-keyframes eat-eye-first {
0% { background-position: 0 -60px; -moz-transform: scale(.6,.6) translate(0,-5px); }
100% { background-position: 0 60px; -moz-transform: scale(.8,.8) translate(0, 5px); }
}
@-moz-keyframes eat-eye-second {
0% { background-position: 0 60px; -moz-transform: scale(1,1); }
100% { background-position: 0 -60px; -moz-transform: scale(.8,.8); }
}
</xstyle> <br>
Si te ha gustado este
Monstruo Tragacursores
y si quieres seguir a mejorar y decorar tu blog ,
suscribete gratis
al boletin de noticias de
GadgetsBlogger.com
para recibir todas las nuevas publicaciones por correo electronico o añade nuestro
feed RSS
.
.
Gadget Musical " Flash Band " para Blogger
Etiquetas:
[
Gadgets Flash
] [
Gadgets Divertidos
] [
Gadgets de Musica
]
Fecha Publicación:
2012-06-19T15:27:00.002-07:00
Navegando por internet encontre un bonito
Gadget Musical
flash y como veis hoy quiero compartirlo con ustedes los lectores de
GadgetsBlogger.com
.
Se trata de una
Gadget para Blogger
como una banda de musica dibujada a estilo comic, si haga click con el raton en cada componente de la banda, este se va sumando tocando con los demas creando un ritmo personalizado.
Para instalar este
Gadget Musical
en tu blog, solo tiene que copiar el codigo que esta debajo del gadget y pegarlo en tu blog en
Diseño -
A
gregar un Gadget
:
Para cambiar el tamaño de este
gadget
, use los controladores para
modificar el tamaño o especifique las dimensiones de alto y ancho , por ejemplo para alto busca en el codigo del gadget
Height="
400
"
y para ancho busca
Width="
500
"
y cambia el numero como tu quieras que queda el
gadget
en tu blog.
Espero que te ha gustado este
Gadget Musical para Blogger
y si quieres seguir a mejorar y decorar su blog ,
suscribete gratis
al boletin de noticias de
GadgetsBlogger.com
para recibir todaslas nuevas publicaciones por correo electronico o añade nuestro
feed RSS
.
.
Widget Oficial Euro 2012 (Mapa del Torneo)
Etiquetas:
[
Widgets para Blog
]
Fecha Publicación:
2012-06-08T16:29:00.001-07:00
El sitio oficial de la
Euro 2012 lanzó el
widget
para que puedas sumar a tu blog o sitio web el mapa del torneo, todos los partidos, los horarios y las clasificaciones de cada grupo, así como los resultados de las etapas posteriores.
Hoy en
GadgetsBlogger.com
les explicamos cual son los pasos para agregar este pequeño Widget en tu blog, es muy facil sólo se debe copiar el codigo HTML que aparece abajo del widget oficial de UEFA.
El
widget oficial de la Euro 2012
de Polonia y Ucrania es una buena solución para tener todo el torneo en tu blog para que tus lectores estan al dia con todos los partidos, sin necesidad de salir de tu blog para utilizar otras paginas web o blogs no oficiales.
Ahora les dejo el
Widget Oficial de Euro 2012
, para ver como queda en tu blog , y abajo les dejo el codigo para
agregarlo en tu blog
:
<center><iframe frameborder="0" height="470" scrolling="no" src="http://es.uefa.com/uefaeuro/season=2012/tournament-calendar/widget.html" width="335"></iframe></center>
El inconveniente de este
widget
es el tamaño por que es bastante grande y no se puede cambiar, el tamaño es de
335px
de ancho por
470px
de alto, pero para los amantes del futbol no creo que esto sera una problema y lo va a agregar a su blog sin problemas.
Si te ha gustado este
Widget Oficial Euro 2012
y si quieres seguir a mejorar y decorar su blog de blogger,
suscribete gratis
al boletin de noticias de
GadgetsBlogger.com
para recibir todaslas nuevas publicaciones por correo electronico o añade nuestro
feed RSS
para estar al dia con las novedades.
.
Crea tu tarjeta virtual (License Card) de Google+
Etiquetas:
[
Gadgets de Google
] [
Gadgets para Blog
]
Fecha Publicación:
2012-06-04T15:13:00.000-07:00
¿Quieres tener una tarjeta virtual (License Card) de Google+ como la que ves en
la imagen
de abajo?
Así es, aunque no lo creas, ahora me encontré con esta curiosa aplicación tipo
generador para crear tu tarjeta virtual de Google+
personalizada a tu nombre, bio y firma.
Anteriormente les había mostrado otros
Gadgets
o
Widgets
de Google plus como
Botón (Widget) "Agrégame" de Google+ Plus en Blogger
o
Nuevo Gadget "Sigueme" en Google Plus
,
pero como va pasando el tiempo obvio siguen sacando nuevas
herramientas, generadores y aplicación para esta red social de Google.
Se trata de esta pagina web que se llama
Mygoogleplus
pero en realidad es un generador que solo tiene que
escribir tu
ID de Google+
, que es el numero que te identifica y aparece en la barra de
direcciones
de tu navegador, como puedes ver en esta imagen :
Cuando lo tengas, tienes que copiarlo y añadirlo en el campo requerido, donde seguido de eso debes darle clic al botón de
“Create my Google+ License”
.
Y listo! ahora ya tendrás tu tarjeta virtual de
Google+
que te
identificara, y si quieres podrás colocarla en tu Blog para que te
agreguen los demás a sus círculos.
Si te ha gustado crear tu
Tarjeta Virtual de Google Plus
y si quieres seguir a mejorar y decorar su blog de blogger,
suscribete gratis
al boletin de noticias de
GadgetsBlogger.com
para recibir los nuevos gadgets por correo electronico o añade nuestro
feed RSS
para estar al dia con las novedades sobre blogger .
.
Actualidad
Noticias
Politica
Deportes
Deporte en Vivo
Farandula
Viajes
Cultura
Negocios
Economia
Mundo
Temáticos
Historia
Educacion
Markerting
Religión
Misceláneos
Defensa del Consumidor
Mascotas
Relatos
Literatura
Autos
Entretenimiento
Cine
Juegos
Series y Peliculas
Música
Ocio
Fotos Sexys
Eróticos
Adultos
Videos
Comic/Cartoon
Anime Manga
Estilo de Vida
Vida real(tm)
Gastronomía
Corazón
Moda y Estilo
Salud
Fotoblogs
Variedades
Sociedad
Ecosistema
Tecno Bits
Tecnología
Internet
Recursos
Podcast
Ayuda
Blog Oficial
©2003-2012 BlogsPerú. Todos los derechos reservados.
Términos de uso
|
Publicidad