Ayuda para blog

Feliz Navidad!!

noreply@blogger.com (MichelRamos) — Tue, 16 Dec 2014 18:50:00 +0000

Hola amigos de blogger, soy su autor, perdón por dejar de publicar, pero, quiero preguntarles que piensan del nuevo editor de HTML de blogger, ya que no he podido editar la plantilla.

Eso es todo amigos, no traigo mas trucos ni nada mas. Solo que piensan sobre el nuevo editor?

Se me olvidaba, Feliz Navidad.

Agrega Flappy Bird a tu blog o Jugar Falppy Bird online

noreply@blogger.com (MichelRamos) — Mon, 24 Feb 2014 02:15:00 +0000

Este es el juego, espero que lo disfruten.

[Here comes the game]

Hosted by CrazyGames

Codigo: <div class="crazyGamesComGame"><div class="cgContainer" id="flappy-bird_500_700">[Here comes the game]</div><a class="cgLink" href="http://www.crazygames.com/?utm_source=under_game&utm_medium=flappy-bird&utm_campaign=addthistoyourwebsite" target="_blank">Hosted by CrazyGames</a></div>
<script src="http://www.crazygames.com/assets/add-widget/add.js" type="text/javascript"></script>

[Here comes the game]

Hosted by CrazyGames

Codigo: <div class="crazyGamesComGame"><div class="cgContainer" id="flappy-bird-flash-2_310_400">[Here comes the game]</div><a class="cgLink" href="http://www.crazygames.com/?utm_source=under_game&utm_medium=flappy-bird-flash-2&utm_campaign=addthistoyourwebsite" target="_blank">Hosted by CrazyGames</a></div>
<script src="http://www.crazygames.com/assets/add-widget/add.js" type="text/javascript"></script>

Adsense ya no acepta Wester Union

noreply@blogger.com (MichelRamos) — Sun, 16 Feb 2014 19:06:00 +0000

Tenga en cuenta que ya no se aceptarán Western Union/cheques como forma
de pago en los países donde esté disponible el servicio de
transferencia bancaria (ETF). Después de que su cuenta se transfiera al
nuevo sistema, recibirá una notificación por correo electrónico con
instrucciones detalladas sobre la configuración que deberá utilizar en
los pagos futuros.

Esto fue publicado en el boletin informativo de adsense, esperemos que todo sea con fines para nosotros

Reporta un blog

noreply@blogger.com (MichelRamos) — Mon, 23 Dec 2013 15:51:00 +0000

Buenos dias amigos de Blogger, en este dia tan especial ya casi navidad, les traigo, como reportar un blog, es sumamente sencillo,
Si el caso no es de google, entonces ve a este link.

Si ese no es el caso, entonces te dejo este link para reportar blogs con Spam, suplantación de identidad o software malintencionado. Es muy comun estos casos amigos, les dejo el Link.

Seria mas sencillo, Reportarlo si tiene la NavBar

Listo! Gracias por leer!

Contenido prohibido en Bloggger

noreply@blogger.com (MichelRamos) — Thu, 19 Dec 2013 02:16:00 +0000

Blogger es un servicio grautito, por favor cuida de el, lo que les muestro en esta entrada son las politicas de Blogger, son muy sencillas pero si tu blog o web cuenta con adsense deves de checar la politicas de adsense mucho mas cosa.

Les dejo facilmente que es lo que le molesta a blogger

-Contenido para adultos
-Violencia
-Acoso
-Derechos de Autor

Completa Link

Contenido Prohibido para Adsense

noreply@blogger.com (MichelRamos) — Thu, 19 Dec 2013 02:06:00 +0000

Es muy importante que cunplas todo lo que el "Jefe" Quiere, google adsense es una herramienta y debe de ser usada adecuadamente

Por eso te dejo el contenido prohibido para adsense. Bajo la reglas de la informática.

Link

Cómo retirar contenido de Google (Sitios, blogs..)

noreply@blogger.com (MichelRamos) — Thu, 19 Dec 2013 02:02:00 +0000

Hoy en día, ahi un problema de los derechos de autor, incluso copian tu contenido el cual tardaste días haciéndolo y no les importa.

Google ofrece una herramienta para que puedas quitar esos contenidos o denunciarlos para que los quiten

Es una herramienta muy fuerte, cuidala con cuidado

Link

Plantas vs Zombies para tu blog

noreply@blogger.com (MichelRamos) — Sun, 08 Dec 2013 20:26:00 +0000

Hola amigos de Ayuda para blog, hoy les trago este juego que muchos conocen es muy bueno y puedes jugarlo, podemos entretener a nuestros lectores, pronto actualizare los blogs,hasta la próxima,les dejo el tutorial.

Ve a Edicion HTML de la entrada o de la pagina y pega el código.

<iframe style="" src="http://chrome.plantsvszombies.com/pvz_9_15.swf" width="535" height="405" frameborder="0" scrolling="no"></iframe>

Agrega tu blog en los buscadores

noreply@blogger.com (MichelRamos) — Sat, 07 Dec 2013 19:11:00 +0000

Es muy importante agregar tu blog en cualquier buscador, Ahora que quiero publicar mas de SEO empezare con esto, es muy simple. Entren a estos links:

Google Yahoo! Bing

Cursores de Navidad

noreply@blogger.com (MichelRamos) — Fri, 06 Dec 2013 00:45:00 +0000

Hola amigos de Blogger,estos cursores son perfectos para blogger, les dejo estos cursores para las fechas que se acercan, miren ahora vamos a ponerlos. Como se ponen? Ok primero vas a DISEÑO / Edición de HTML / y antes de <body> pega el codigo de cursor

<style type='text/css'>body, a, a:hover {cursor: url(http://cur.cursors-4u.net/holidays/hol-4/hol355.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/holidays/hol-4/hol351.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/holidays/hol-4/hol340.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/holidays/hol-4/hol302.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/holidays/hol-3/hol294.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/holidays/hol-3/hol280.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/holidays/hol-3/hol255.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/holidays/hol-2/hol169.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/holidays/hol-4/hol356.cur), progress;}</style>

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-4/nat394.cur), progress;}</style>

¿Blogger cerrará pronto?

noreply@blogger.com (MichelRamos) — Sun, 24 Nov 2013 01:19:00 +0000

Lo que esta en las redes, es que blogger la gran plataforma en la cual este y todos mis blogs están alojados, va a cerrar. Igual que paso con Google Buzz o Google Feedburner, no lo creo para nada.

- No encontré información argumentada.

- No encontré información en blogger.

- Google perderia mucho dinero haciendo esto.

- Mientras leíste esto 100 blogs fueron creados ( 1 blog por cada 10 segundos )

Cuando leí esta noticia supe que es falsa, pero me decidí a investigar e indagar ya que blogger es una de las cosas que mas me gusta, igual que a muchos bloggers. Google y muchos medios perderán dinero, si juegan eso. Por otro lado ahí servicios también gratis para blogs, no muy buenos como blogger pero son gratis.

Esto es todo lo que les puedo afirmar, actualizare esta entrada lo mas que pueda. Gracias

Tu que opinas? Deja tu comentario ;)

Gadgets de navidad 2014 (Árbol y Nieve)

noreply@blogger.com (MichelRamos) — Sun, 17 Nov 2013 18:42:00 +0000

NAVIDAD 2013

Como la navidad y año nuevo ya están a la vuelta de la esquina, y este blog ha estado un poco polveado, lo limpie y ahora si vamos a darle con este proyecto. Amigos les dejos gadgets de navidad un poco viejos y unos nuevos. Omití los gadgets que tienen sonido o que son muy malos. Solo les dejo los mejores. Cada gadgets es de su respectivo dueño.

Arboles muestra los días que faltan para navidad

Codigo para ponerlo en "Añadir html / Javascript"

<center>
<br />
<div style="border: 0px solid rgb(0, 102, 51); color: #006633; font-size: 80%; left: 0px; padding: 7px; z-index: 888;">
<br />
<script type="text/javascript">
//<![CDATA[
var today=new Date()
var theoccasion=new Date(today.getFullYear(), 12, 25)
var beforeOccasionText="hasta la Navidad"
var onOccasiontext="Hoy es Navidad. Felices Fiestas!"

var monthtext=new Array("Jan","Feb","Mar","April","May","June","July","Aug","Sep","Oct","Nov","Dec")
theoccasion.setMonth(theoccasion.getMonth()-1) //change to 0-11 month format
var showdate="("+monthtext[theoccasion.getMonth()]+" "+theoccasion.getDate()+")"
var one_day=1000*60*60*24
var calculatediff=""

calculatediff=Math.ceil((theoccasion.getTime()-today.getTime())/(one_day))
if (calculatediff<0){
var nextyeartoday=new Date()
nextyeartoday.setFullYear(today.getFullYear()+1)
calculatediff=Math.ceil((nextyeartoday.getTime()-today.getTime())/(one_day)+calculatediff)
}

var pluraldayornot=(calculatediff==1)? "día" : "días"
if (calculatediff>0)
document.write("<b>"+calculatediff+" "+pluraldayornot+" "+beforeOccasionText+"!</b>")
else if (calculatediff==0)
document.write("<b>"+onOccasiontext+"!</b>")
//]]>
</script></div>
</center>

Este otro es para añadirlo en la parte izquiera baja de tu blog.

Nieve que cae por el blog

Blogger no permite el porno

noreply@blogger.com (MichelRamos) — Mon, 11 Nov 2013 02:12:00 +0000

Google ha comenzado a informar a los dueños de blogs de su plataforma, Blogger, de un cambio en los términos de servicio que le impedirá monetizar el contenido para adultos. Y es que la compañía de Mountain View procederá a eliminar las bitácoras de este tipo que no acaben con la publicidad y enlaces que hospeden material para adultos.

El inicio de borrado de blogs con contenido para adultos que contengan publicidad comenzará a partir del próximo lunes, y es que después del 30 de junio quedará "terminantemente prohibido la monetización de contenido para adultos en Blogger".

Sin embargo, la compañía no especifica que los sitios que vaya a cerrar sean exclusivamente de contenido sexual. Actualmente la compañía permite en blogs marcados como con contenido para adulto, que avisan incluso antes de entrar, en los que hasta ahora se publican "contenidos para adultos, incluidas las imágenes o vídeos con desnudos o actividad sexual" y a los que sí permitían monetizar con anuncios.

Además de borrar los sitios de este tipo con anuncios, Blogger no permitirá blogs que "representen o fomenten el incesto o la zoofilia" amén de expresar una dura política contra los contenidos relativos a pornografía infantil y pedofilia, que también serán borrados, siguiendo la estela de su nueva política para acabar con la pornografría infantil en Internet.

Jugando con la NavBar de blogger

noreply@blogger.com (MichelRamos) — Sat, 28 Sep 2013 21:34:00 +0000

He lee ido mucho sobre blogger, he aprendido que la Navbar es una herramienta importante la cual no se debe eliminar. Pero el azul y estático es un amor. no vamos a inovar la manera de verla. Adelante.

-Ocultar la NavBar

Lo único que tienes que hacer es ingresar a www.blogger.com ir a la persona
ilación de tu blog. digamos su esqueleto y busca la "Configuración de la barra de navegación"

-Hacer flotante la navbar

Que sigua aunque bajes la pagina.

Poner este codigo antes de ]]></b:skin>

#navbar-iframe {

left:0;

top:0;

position:fixed;

}

Si la quieres flotante en la parte de abajo entonces agregale abajo de top:0; LE PONES ESTO: bottom:0;

-Aparecer la navbar al pasar el cursor con desvanecimiento

Agregar este codigo antes de ]]></b:skin>

#navbar-iframe {

opacity:.0;

filter:alpha(Opacity=0,FinishedOpacity=0);

-moz-transition: all 1s;

-webkit-transition: all 1s;

-o-transition: all 1s;

}

#navbar-iframe:hover {

opacity:1.0;

filter:alpha(Opacity=100,FinishedOpacity=100);

-moz-transition: all 1s;

-webkit-transition: all 1s;

-o-transition: all 1s;

}

-Cambiar el color de la Navbar

Tienes que pegar este codigo antes de ]]></bskin>

#navbar-iframe {

background:#B40431; /* Color de la navbar */

-moz-transition: all 1s;

-webkit-transition: all 1s;

-o-transition: all 1s;

}

#navbar-iframe:hover {

background:#000; /* Color de la navbar al pasar el cursor */

-moz-transition: all 1s;

-webkit-transition: all 1s;

-o-transition: all 1s;

}

Recuerda poner colores en html.

Como crear un sitemap para Blogger

noreply@blogger.com (MichelRamos) — Tue, 10 Sep 2013 22:18:00 +0000

Lo sitemaps ayudan para el posicionamiento y rendimiento de tu blog, todos debemos de registrarlo a google o a cualquier plataforma es muy importante ya que le dice al "robot" de google como moverse por tu blog, lo recomiendo al 100 primero vamos a ....

Pasos:

1._ https://www.google.com/webmasters/tools

2._Le damos click a tu blog, nos va a salir las novedades y estadísticas en el cuadro de la derecha notaras que dice Sitemaps

3._ Le damos a dar click ahi

4._ Le damos click a "Añadir o probar sitemap"

5._ Te va a salir algo como esto:

6._Agregas el codigo que esta acontinucacion.....

CÓDIGO DEL SITEMAP PARA BLOGGER

Con el siguiente código podremos enviar el sitemap de nuestro blogger a Google.

atom.xml?redirect=false&start-index=1&max-results=500

Con el código de arriba le indicamos a Google que le estamos enviando las primeras 500 páginas de nuestro blogger, si en tu blog tienes más de 500 páginas lo que debes hacer es crear más sitemaps, uno por cada 500 páginas, tal y como se muestra a continuación:

atom.xml?redirect=false&start-index=1&max-results=500 1er bloque de páginas.

atom.xml?redirect=false&start-index=501&max-results=1000 2do bloque de páginas

atom.xml?redirect=false&start-index=1001&max-results=1500 3er bloque de páginas

6._ Le damos enviar Sitemap

7._ Comenta y comparte mi blog ;)

Es algo super sencillo pero necesitamos conocimientos que nadie nos dice, yo estoy aquí para ayudarte y guiarte en en camino de blogger, algo que nadie me enseño. Sigue visitándome

Mensaje de alerta al entrar y salir del blog

noreply@blogger.com (MichelRamos) — Sat, 31 Aug 2013 22:56:00 +0000

Hola amigos, hoy le enseño como poner el mensaje de alerta cuando entran a cualquier sitio web o en este caso es muy facil solo tienes que poner este codigo antes de /body

ESTE CODIGO ES CUANDO ENTRAN AL BLOG

Antes de /Body

<script language="JavaScript">
alert("Aqui pon tu mensaje")
</script>

ESTE CODIGO ES CUANDO SALEN DEL BLOG

Cambia la etiqueta <body> por

<body onunload='confirm("Aquí tu mensaje de despedida");'>

Si utilisas Blogger entonces vamos al codigo HTML

<body expr:class='"loading" + data:blog.mobileClass'>

cambiala por esta

<body expr:class='"loading" + data:blog.mobileClass' onunload='confirm("Aquí tu mensaje de despedida");'>

Para muchos este mensaje de alerta puede resultarles muy molesto, así que recomiendo que sólo lo uses si es realmente necesario.

Aprender a programar!

noreply@blogger.com (MichelRamos) — Tue, 20 Aug 2013 03:15:00 +0000

Si quieres mucho dinero o cambiar el mundo programar es una herramienta muy poderosa....

Hola amigos, en serio perdón por dejar este blog tan solo y vació, o hoy les voy a enseñar un sitio donde pueden aprender código sin pagar, sin estrés y herramientas 100% amigables. Me encanta el sitio y solo se los comparto porque de ahí saque muchas aplicaciones el las cuales estoy trabajando para ustedes.

Entren a esta pagina registrarse http://www.codecademy.com/es/learn

Si todavía estas indeciso les dejo este vídeo que cambio mi vida

Agregar sitio web o blog a Google

noreply@blogger.com (MichelRamos) — Tue, 11 Jun 2013 22:16:00 +0000

Solo entra a este link https://www.google.com/webmasters/tools/submit-url?pli=1

e ingresa tu URL y listo!

Poner un chat en tu blog

noreply@blogger.com (MichelRamos) — Tue, 26 Mar 2013 21:11:00 +0000

Link: http://chatango.com

Boton de ir arriba y abajo para blogger

noreply@blogger.com (MichelRamos) — Sat, 16 Mar 2013 16:02:00 +0000

Los botones de Subir y Bajar facilitan el acceso al contenido de la página, sobre todo cuando en la página principal hay muchas entradas o cuando una entrada tiene demasiados comentarios.
Vamos a ver dos formas de poner los botones de Ir Arriba e Ir Abajo, una es la forma "simple" y la otra tendrá un efecto deslizante.

Forma simple

Entra en Plantilla | Edición de HTML y antes de </body> pega lo siguiente:

<a href='#'><img border='0' style='position:fixed; top:0; right:0;' src="URL de la imagen" title="Ir arriba" /></a>

<a href='#footer-wrapper'><img border='0' style='position:fixed; bottom:0; right:0;' src="URL de la imagen" title="Ir abajo" /></a>

Cambia la URL de la imagen donde se indica; el primer código corresponde al botón de Ir Arriba, el segundo al de Ir Abajo.

Efecto deslizante

Para que al subir y bajar tenga un efecto deslizante necesitaremos Scriptaculous, así que estando igual en la Edición de HTML pega antes de </head> el siguiente código:
NOTA: Si ya lo tienes en tu plantilla no es necesario pegarlo de nuevo.

<script src='http://www.google.com/jsapi'></script>
<script>
google.load("prototype","1.7.0.0");
google.load("scriptaculous", "1.9.0");
</script>

Ahora antes de </body> pega lo siguiente:

<a href='#outer-wrapper' onclick='new Effect.ScrollTo("outer-wrapper",{offset:-140}); return false'><img border='0' src='URL de la imagen' style='position:fixed; top:0; right:0;' title='Ir arriba'/></a>

<a href='#footer-wrapper' onclick='new Effect.ScrollTo("footer-wrapper",{offset:-140}); return false'><img border='0' src='URL de la imagen' style='position:fixed; bottom:0; right:0;' title='Ir abajo'/></a>

De igual modo hay que cambiar la URL de la imagen tomando en cuenta que el primer código es para el botón de Ir Arriba y el segundo para el de Ir Abajo.

Los botones estarán uno en la parte superior derecha y otro en la parte inferior derecha, si deseas que ambos estén en medio de la pantalla entonces en el código de la imagen de "Ir Arriba" verás que dice top:0; eso cámbialo por otro valor como top:250px;
Y en botón de "Ir Abajo" dice bottom:0; eso cámbialo por top:490px;

ACTUALIZACIÓN:
En cualquiera de los dos métodos (simple o deslizante) si usas una plantilla nueva del Diseñador de plantillas de Blogger entonces tendrás que buscar esta línea:

<div class='body-fauxcolumns'>

Y cambiarla por esta otra:

<div id='outer-wrapper' class='body-fauxcolumns'>

Luego buscar esta línea:

<div class='content-cap-bottom cap-bottom'>

Y cambiarla por esta:

<div id='footer-wrapper' class='content-cap-bottom cap-bottom'>

Con eso funcionará también en esas plantillas.

Aquí les dejo unos íconos que pueden utilizar para sus botones.

Info, codigo e imagenes es de : http://ciudadblogger.com/2010/01/boton-de-ir-arriba-e-ir-abajo.html

Fanbox para Facebook, Twitter, y Google Plus, flotantes y con efecto deslizante

noreply@blogger.com (MichelRamos) — Thu, 07 Mar 2013 21:04:00 +0000

Hace algún tiempo vimos cómo poner el fanbox de Facebook flotante y con efecto deslizante. En esa ocasión usamos un plugin de jQuery que aunque es bueno tiene la desventaja que la versión gratuita sólo permite poner una pestaña nada más, además que quienes usan otras librerías tenían problemas de compatibilidad.

En esta ocasión lo haremos sólo con CSS, de manera que no utilizaremos ni un solo sript y podremos mostrar no sólo una sino tres pestañas, el fanbox de Facebok, el fanbox de Google+, y el fanbox de Twitter.
Puedes ver un ejemplo en esta misma entrada, lo verás del lado derecho de la ventana.

Bien, para poner estos fanbox flotantes en el blog sólo tenemos que ir a Diseño | Añadir un gadget | HTML/Javascript y ahí pegar el siguiente código:

<style>
#flotante1 {
position:fixed;
top:100px;
right:-250px;
float:right;
width:288px;
display:block;
padding:0;
z-index:1002;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
#flotante2 {
position:fixed;
top:240px;
right:-250px;
float:right;
width:288px;
display:block;
padding:0;
z-index:1003;
border-radius:10px;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
#flotante3 {
position:fixed;
top:380px;
right:-250px;
float:right;
width:288px;
display:block;
padding:0;
z-index:1004;
border-radius:10px;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
#flotante1:hover, #flotante2:hover, #flotante3:hover {
right:0px;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
div.likeboxwrap {
margin-top:-5px;
margin-left:-45px;
width:238px;
height:325px;
background-color:#fff;
overflow:hidden;
border-radius:10px;
}
</style>


<div id='flotante1'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga3opQX9lsxCzwSUwEqgxXRxzdg6old5hYxBhmwc561Wx1E7xsIIP5Tqer2F3U60U5WI2ad6jith4W9AP-iG-EjX5mH6xruJ1Y529uLUfEVNvSWxKHsW2eTzc_1FjYpGgbNyGUxngRMgA/' style='float:left;'/>
<div style='background: #3c5a98; height:325px; margin-left:38px;padding: 8px 5px 0pt 50px;border-radius: 0px 0px 0px 10px;'><span><div class='likeboxwrap'><iframe allowtransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fnombre-de-la-página-de-facebook&width=240&colorscheme=light&connections=15&stream=false&header=false&height=350' style='border:none; overflow:hidden; width:240px; height:325px;'/></iframe>
</div></span></div></div>


<div id='flotante2'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfANe2rP6SZ8dJWrkxvfapQPoJyQ3A42cFbV320Vap-b_n8iWfen5Q-_bLgXDLsU0B56_XvQcb93Sb3lICeMm9oVUy_3ZB36C9aDb8Z7ODqjGoC2KMEfO51VTFvV3jZW837pSZqBDTM0Y/s159/goo_tab.png' style='float:left;'/>
<div style='background: #9A9FA8; height:325px; margin-left:38px;padding: 8px 5px 0pt 50px;border-radius: 0px 0px 0px 10px;'><span><div class='likeboxwrap' style="padding-left:20px; padding-top:15px; height:310px !important;">

<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/XXXXXXXXXXXXXX" data-source="blogger:blog:followers" data-width="240">
</div>
<script type="text/javascript">
(function() {
window.___gcfg = {'lang': 'es'};
var po = document.createElement('script');
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>

</div></span></div></div>


<div id='flotante3'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9gmTE03H5D7tjXVtLc50vtUL5Vz5n6FGRHZIqsH6dvazW6DvvQGr8Iup0dXhvSm9XSPU3zMumSsixxwwRdn8BKSrUILr0mp25EHNVrx8ko77d4miglXFqNA7iBqZIVa4qlG_oJ0ZnBTo/' style='float:left;'/>
<div style='background: #00a0e8; height:325px; margin-left:38px;padding: 8px 5px 0pt 50px;border-radius: 0px 0px 0px 10px;'><span><div class='likeboxwrap'>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
<style>
.follow_box_widget{overflow: hidden; padding-left: 5px; padding-right: 5px; padding-top: 5px; background-color: #fff transparent; position: relative; margin: auto;}
.follow_box{font-size: 11px; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; color: #333; line-height: 1.28; text-align: left; direction: ltr;}
.follow_box .follow_top{padding: 5px 10px 0px 5px; margin-bottom: 8px; min-width: 230px; overflow: hidden;}
.follow_box .profileimage{float: left; width: 40px; height: 40px; padding: 0px; margin: 0 10px 4px 0;}
.follow_box img{border: 0;}
.follow_box a{cursor: pointer; color: #3B5998; text-decoration: none;}
.follow_box a:hover{text-decoration: underline;}
.follow_action{padding: 0 0 0 8px;}
.follow_box .follow_action .name{line-height: 15px; font-size: 14px; font-weight: bold;}
.follow_box .follow_button{margin: 5px 0 0;}
.follow_box .total{min-width: 230px; overflow: hidden; display: block;}
.follow_box .connections{padding: 5px 0 4px 0px; border-top: solid 1px #D8DFEA; border-bottom: 1px solid #CCC; min-height: 150px;}
.follow_box .connections .connections_grid{padding-top: 5px; overflow: hidden;}
.follow_box .clearfix{zoom: 1;}
.follow_box .connections .connections_grid .grid_item{float: left; margin:0px; margin-right: 5px; margin-bottom: 8px; overflow: hidden; width: 50px;}
.follow_box .connections .connections_grid .grid_item .name{font-size: 9px; color: gray; overflow: hidden; padding-top: 2px; text-align: center; white-space: nowrap;}
.follow_box .connections .connections_grid .grid_item img{width: 48px; height: 48px;}
.follow_box .follow_widget_footer{ cursor: default; width: 100%; min-width: 230px; overflow: hidden;}
.follow_box .footer_border{ margin-top: 5px;}
.follow_box .uiImageBlock{line-height: 14px;}
.follow_box .follow_widget_footer .footer_logo{float: left; margin-right: 5px;}
.follow_box .follow_widget_footer .footer_text{cursor: default; color: #808080; font-size: 9px; float: left;}
.follow_box .follow_widget_footer .footer_text a.footer_text_link{color: #808080;}
.follow_box .titlecase{text-transform:capitalize;}
</style>
<script>
/*
* Twitter Follow Box jQuery Plugin
* http://jobyj.in/twitter-follow-box-widget/
* Copyright 2012, Joby Joseph
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
(function(a){a.fn.followbox=function(b){function f(a,b){if(a>100)a=100;var c=new Array;for(var d=0;d<a;d++){c.push(b[d])}var e=c.join();return e}var c=a(this);var d="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVd1T6m1iLlg2EOLn4UNLwmVnT9yKHa92nu0oXkRsrwnkR4z1IPcJvzkKiMpUj6ZChn0rweiGqVnEs1_QV7x-yqwjdOf7oCLSM0U723O-GCYKOQhdyq93MV6iGjKnMz7_Gz_yN7QBKUbU/";var e=a.extend({user:"jobysblog",width:292,height:252,theme:"light",border_color:"#AAA",bg_color:"#fff",bg_image:"",title_color:"#3B5998",total_count_color:"#333",follower_name_color:"#BBB"},b);a.ajax({url:"http://api.twitter.com/1/users/lookup.json?screen_name="+e.user+"&include_entities=true",dataType:"jsonp",success:function(b){var g=e.width-2;var h=e.height-2;var i=e.height-115;var j=parseInt(e.width/55);var k=parseInt(i/69)+1;var l=j*k;c.html('<div class="follow_box_main" style="border: 1px solid #bbb; width: '+g+"px; height: "+h+'px;"><div class="follow_box_widget"><div class="follow_box"><div><div class="follow_top clearfix"><a href="http://www.twitter.com/'+e.user+'" target="_blank"><img class="profileimage img" src="'+b[0].profile_image_url_https+'" alt="'+b[0].name+'"></a><div class="follow_action"><div class="name_block"><a href="http://www.twitter.com/'+e.user+'" target="_blank"><span class="name titlecase">'+b[0].name.toLowerCase()+"</span> @"+b[0].screen_name+'</a></div><div class="follow_button"><iframe allowtransparency="true" frameborder="0" scrolling="no" src="//platform.twitter.com/widgets/follow_button.html?screen_name='+e.user+'&show_count=false&show_screen_name=false&lang=es" style="width:100px; height:20px;"></iframe></div></div></div><div class="connections"><span class="total"><span class="follow_box_follower_count">'+b[0].followers_count+'</span> personas siguen a <b class="titlecase">'+b[0].name.toLowerCase()+'</b></span><div class="connections_grid clearfix" style="height:'+i+'px;"></div></div></div><div style="height: 23px"><div class="follow_widget_footer"><div class="footer_border"><div class="clearfix uiImageBlock"><a class="footer_logo" target="_blank" href="http://jobyj.in/twitter-follow-box-widget"><img src="'+d+'"/></a><div class="footer_text"><a class="footer_text_link" target="_blank" href="http://jobyj.in/twitter-follow-box-widget">Twitter Social Plugin</a></div></div></div></div></div></div></div></div>');if(e.theme=="dark"){c.find(".follow_box_main").addClass("dark")}c.find(".follow_box_follower_count").text(c.find(".follow_box_follower_count").text().replace(/(\d)(?=(\d\d\d)+(?!\d))/g,"$1,"));if(a.browser.msie&&!a.support.boxModel)a(".follow_box .connections").css("padding-bottom","14px");if(e.theme=="custom"){c.find(".follow_box_main").css({"border-color":e.border_color,"background-color":e.bg_color,"background-image":'url("'+e.bg_image+'")'});c.find(".follow_box a").css({color:e.title_color});c.find(".follow_box .total").css({color:e.total_count_color})}a.ajax({url:"https://api.twitter.com/1/followers/ids.json?cursor=-1&screen_name="+e.user,dataType:"jsonp",success:function(b){var d=f(l,b.ids);a.ajax({url:"https://api.twitter.com/1/users/lookup.json?user_id="+d+"&include_entities=true",dataType:"jsonp",success:function(b){for(var d=0;d<b.length;d++){var f=a.trim(b[d].name);var g=f.split(" ");var h='<div class="grid_item"><a href="http://twitter.com/'+b[d].screen_name+'" target="_blank"><img class="img" src="'+b[d].profile_image_url+'" alt=""><div class="name titlecase">'+g[0].toLowerCase()+"</div></a></div>";c.find(".connections_grid").append(h)}if(e.theme=="custom"){c.find(".connections .connections_grid .grid_item .name").css({color:e.follower_name_color})}}})}})}})}})(jQuery)
</script>
<script>
$(document).ready(function(){
$('#twitterfollowbox').followbox({
'user':'usuarioTwitter',
'height':'300',
'width':'260',
'theme':'custom',
'border_color':'#ffffff',
'bg_color':'#ffffff',
'bg_image':'',
'title_color':'#3B5998',
'total_count_color':'#333333',
'follower_name_color':'#BDBDBB'
});
});
</script>
<div id="twitterfollowbox" class="follow-box-container"> </div>

</div></span></div></div>

Agrega donde se indica el nombre de tu página de Facebook, también pon la ID de tu página de Google Plus en donde están las equis en rojo, y el nombre de tu usuario de Twitter también donde se indica en color rojo.

El ID de tu página de Google Plus lo puedes ver ingresando a tu página, y al final de la URL aparecerán una serie de letras y números, ese es tu ID.

En el caso del fanbox de Twitter hemos usado el fanbox para Twitter que vimos recientemente, pero puedes usar otro, o bien, quitar la pestaña, o sustituirla por otro contenido, pues al menos ese fanbox sí usa jQuery y puede causar incompatibilidad con otros scripts.

En caso de que quieras cambiar alguna pestaña por otro tipo de contenido tendrás que localizar la URL de la imagen de la pestaña (color azul) y sustituirla por la que diseñes, luego quitar el contenido de la pestaña (según sea el caso) y en su lugar poner el código que desees.

La ventaja de este método es que no usamos scripts para las pestañas, ni para esconderlas, ni para mostrarlas, ni para el efecto deslizante. La contra es que el efecto deslizante son transiciones con CSS por lo que los navegadores que no son modernos no podrán ver el efecto de deslizamiento. Fuera de esto último es un método que además de ser fácil de aplicar también es una buena opción para tener tus distintos fanbox agrupados y mostrándolos de una forma elegante y original.

ACTUALIZACIÓN 1:

Si el fanbox de Facebook te marca error puede ser porque aún no tienes una URL personalizada en tu página de Facebook, en esos casos deberás cambiar esta parte:

http%3A%2F%2Fwww.facebook.com%2Fnombre-de-la-página-de-facebook

Por esta:

http%3A%2F%2Fwww.facebook.com%2Fpages%2Fnombre-de-la-página-de-facebook%2FXXXXXXXXXXXXXXX

Ahí además de poner el nombre de tu página donde se indica deberás poner en las equis una serie de números que aparecen al final de la URL de tu página de Facebook.

ACTUALIZACIÓN 2:

Es preciso mencionar nuevamente que el fanbox de Twitter sí usa jQuery por lo que si ya tienes alguna versión de jQuery o si usas otra librería de scripts como Scriptaculous entonces no se verá, en esos casos habrá que eliminar la versión de jQuery que incluye el gadget y/o hacer unos cambios para que sea compatible con Scriptaculous. Para más información mira la entrada sobre el fanbox de Twitter.

Como se lee en: http://ciudadblogger.com/2009/01/eliminar-la-barra-de-blogger.html

Poner botón de suscribirse a youtube

noreply@blogger.com (MichelRamos) — Fri, 04 Jan 2013 21:07:00 +0000

Hola amigos de Ayuda para blog, Hace mucho que no los veo. Bueno hoy les traigo como poner el banner de suscribirse a youtube, es muy simple.

Solo tiene que irse a

1._ http://www.blogger.com/

2._ Se van a su blog

3._Diseño/ Añadir nuevo Html/javascript y ponen este codigo:

<iframe src="http://www.youtube.com/subscribe_widget?p=veryhacker1" style="overflow: hidden; height: 97px; width: 300px; border: 0;" scrolling="no" frameborder="0" marginwidth="0" marginheight="0" allowtransparency="true" align="middle"></iframe>

Si pueden ver dice al principio <iframe src="http://www.youtube.com/subscribe_widget?p=veryhacker1" En youtube yo soy veryhacker1. Ponen su nombre de su canal y si ya saben de html solo lo editan.

Iconos sociales con efecto y giro

noreply@blogger.com (MichelRamos) — Sun, 26 Aug 2012 13:13:00 +0000

Hola amigos!!. Ya regrese con mejores entradas y originales. Bueno Estoy tan feliz de volver a postear algo. Vamos a empezar. hoy les traigo estos iconos con efecto y giro. Se pueden ver en esta imagen:

Para ponerlo solo tiene que.

1._ Ir a blogger.com

2._ (En su blog) Se van a plantilla

3._ Le ponen en Edicion HTML

Ahi buscan (Ctrl + f para buscar en google chrome) ]]></b:skin> pegan antes de este:

social-networking menus
----------------------------------------------------*/
.footer-credit-m2{float:left;width:20px;height:1px}
.social-wrap{float:left;width:668px}
#social-networking{margin:0 auto}
.social-wrap-m1{float:left;width:22px;height:1px}
#social-networking li{float:left}
#social-networking a{display:block;position:relative;clear:both;margin:0 auto;padding:0 10px 0 0}
#social-networking span{opacity:0.4;width:24px;height:24px;display:block;border:4px solid #404040;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}
#social-networking span:hover{border:4px solid #272728;opacity:0.9;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
#social-networking .social-icon{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj72KQubK4mf5u1xScnHP5ZA3gyjyWoq5XK13yiJA2Q6q9sXEd_zYab35XAbpvGHcB7iwsk1OZ7wrQHEaDXHiK-mEEjllZcHgKzqqEtftVWFxm63HJVip4MeiPlFEZQNS9qG9ZDdIk5YOKT/s0/social.png);background-color:transparent;background-repeat:no-repeat}
#footer-bottom a:link,#footer-bottom a:visited,#footer-bottom a:hover{color:#717172}
.opacity #social-networking .social-icon{opacity:0.85}
.opacity #social-networking a:hover .social-icon{opacity:0.6}
#social-networking .facebook{background-position:0 -28px}
#social-networking .flickr{background-position:0 -87px}
#social-networking .vimeo{background-position:0 -233px}
#social-networking .youtube{background-position:0 -291px}
#social-networking .linkedin{background-position:0 -322px}
#social-networking .googleplus{background-position:0 -353px}
#social-networking .dribbble{background-position:0 -205px}
#social-networking .tumblr{background-position:0 -177px}
#social-networking .skype{background-position:0 -262px}
#social-networking .delicious{background-position:0 -149px}
#social-networking .digg{background-position:0 -117px}
#social-networking .rss{background-position:0 -57px}

Ahora van al footer del blog. Uno de los ultimos codigos. Hasta abajo de la plantilla. y pegan este



<div class='social-wrap'>

<ul id='social-networking'>
<li><a href='#' id='twitter-link' title='twitter'><span class='twitter social-icon'/></a></li>
<li><a href='#' id='facebook-link' title='facebook'><span class='facebook social-icon'/></a></li>
<li><a href='#' id='flickr-link' title='flickr'><span class='flickr social-icon'/></a></li>
<li><a href='#' id='vimeo-link' target='_blank' title='vimeo'><span class='vimeo social-icon'/></a></li>
<li><a href='#' id='youtube-link' title='youtube'><span class='youtube social-icon'/></a></li>
<li><a href='#' id='linkedin-link' title='linkedin'><span class='linkedin social-icon'/></a></li>
<li><a href='#' id='googleplus-link' title='googleplus'><span class='googleplus social-icon'/></a></li>
<li><a href='#' id='dribbble-link' title='dribbble'><span class='dribbble social-icon'/></a></li>
<li><a href='#' id='tumblr-link' title='tumblr'><span class='tumblr social-icon'/></a></li>
<li><a href='#' id='skype-link' title='skype'><span class='skype social-icon'/></a></li>
<li><a href='#' id='delicious-link' title='delicious'><span class='delicious social-icon'/></a></li>
<li><a href='#' id='digg-link' title='digg'><span class='digg social-icon'/></a></li>
<li><a href='#' title='rss'><span class='rss social-icon'/></a></li>
</ul>

</div>

El # lo remplazan por lo que se le indican.

Via / http://www.miltrucosblogger.info

Lectores por favor lean esto...

noreply@blogger.com (MichelRamos) — Sun, 05 Aug 2012 23:19:00 +0000

Me acaban de robar mi computadora.. Entraron a mi casa y se llevaron mi computadora entre otras cosas. Lo siento mucho pero este blog va a estar escaso de entrada. Pero SI VOY A SEGUIR PUBLICANDO!! no dejare mi sueño. Nunca dejare de seguir mi sueños. Ahora mas necesito tu ayuda. COMPARTE LAS ENTRADAS, RECOMIENDA ESTE BLOG A OTROS Y COMENTA. estoy llorando al escribir esto. Pero ni modo las cosas pasan. Lo siento. NO DEJES DE VISITAR ESTE BLOG. me reprondre muy pronto. pense esto un dia der que me iban a asaltar o robar la computadora. Lo pense y tengo ciertas alternativas. Pero por favor no dejes de visitar este blog. Gracias por leer.

Gadget de entradas al azar

noreply@blogger.com (MichelRamos) — Tue, 24 Jul 2012 14:28:00 +0000

Como pueden ver este blog tiene este gadget

Para agregar este gadget vamos a Diseño,Elementos de Pagina,Añadir Gadget,HTML Javascript y pegas el siguiente codigo:

<script type='text/javascript'>
function showLucky(root){
var feed = root.feed;
var entries = feed.entry || [];
var entry = feed.entry[0];
for (var j = 0; j < entry.link.length; ++j) {
if (entry.link[j].rel == "alternate") {
window.location = entry.link[j].href;
}
}
}
function fetchLuck(luck){
script = document.createElement('script');
script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky';
script.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(script);
}
function readLucky(root){
var feed = root.feed;
var total = parseInt(feed.openSearch$totalResults.$t,10);
var luckyNumber = Math.floor(Math.random()*total);
luckyNumber++;
fetchLuck(luckyNumber);
}
function feelingLucky(){
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '/feeds/posts/summary?max-results=0&alt=json-in-script&callback=readLucky';
document.getElementsByTagName('head')[0].appendChild(script);
}
</script>
<a href="#random" onclick="feelingLucky()" title="Entrada al azar"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXCJ0MzXrsBBIZXznTwQB9XoqFoX_gDoELVYjEoS2xI-K9YeA5fc9bREMa29G7dMA9ENhKN2uWfGQqEVZmS0Uq-1Fd5N2oZzMy4llADEfG4qVDC25pNiNiate8QYeGuaGfPVHL3znxi-ZT/s1600/2edma7d.png" valign="middle" border="0" /> Ver una entrada al azar</a>

El enlace que esta en azul es la URL del dado que muestra el gadget pero si quieres puedes cambiarla reemplazando esta URL por la URL de tu imagen.