Botones Flotantes de Facebook, Twitter y Google+

Botones Flotantes de Facebook, Twitter y Google+.

Hoy les voy a mostrar cómo colocar un cuadro de botones flotantes de las redes sociales en tu blog, mira te quedara algo así.

Tu cuando presionáis en Recomienda este blog. Te aparecerá el cuadro completo. Y voz podrás recomendar el que queras vale.

Bueno manos a la obra lo haremos en menos de 4 minutos, así que empecemos. Lo haremos con (Prototype y Scriptaculous).

Mira si no sabes cómo buscar alguna etiqueta en tu plantilla no vayas hacer buscando línea por linea, lo que tenez que hacer es presionar es Ctrl + F y con  eso te aparecerá un recuadro de búsqueda tu lo copias el código a buscar y ya.

Paso 1.- Vas a tu plantilla y entras a Edición de HTML expandir plantillas de artilugios . Luego antes de donde      dice    ]]></b:skin>   tu le pegas el siguiente código.

#botones-like {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 0px 4px #696969;
-moz-box-shadow: 0px 0px 4px #696969;
box-shadow: 0px 0px 4px #696969;
background-color: #eee; /* Color de fondo del botón */
padding: 5px;
font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
font-size: 10pt; /* Tamaño del texto */
color: #999999; /* Color del texto */
text-align: center;
position:fixed;
bottom:5px;
right:30px;
}
#expandirBotones{
background:#eee; /* Color de fondo del contenedor */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 0px 6px #696969;
-moz-box-shadow: 0px 0px 6px #696969;
box-shadow: 0px 0px 6px #696969;
position:fixed;
bottom:40px;
right:30px;
}

Paso 2.- Antes del </head> le pegas el siguiente código.

<!-- Prototype y Scriptaculous -->
<script src='http://www.google.com/jsapi'/>
<script>
google.load("prototype","1.6.0.3");
google.load("scriptaculous", "1.8.2");
</script>
<!-- Prototype y Scriptaculous -->

Paso 3.- Ahora te vas al final de tu código  y antes de donde dice </body> tu le pegas el código de abajo y ya. Ojo tenez que cambiar lo de color rojo con la URL  de tu blog OK.

<a href='javascript:Void(0)' onclick='Effect.toggle(&apos;expandirBotones&apos;,&apos;appear&apos;); return false' style='text-decoration:none;'><div id='botones-like'>&#161;Recomienda este blog!</div></a>

<table border='0' id='expandirBotones' style='display:none'>

<tr>

<td>&lt;iframe allowTransparency=&#39;true&#39; frameborder=&#39;0&#39; scrolling=&#39;no&#39; src=&#39;http://www.facebook.com/plugins/like.php?href=http://miblog.blogspot.com&amp;layout=box_count&amp;show_faces=false&amp;width=72&amp;height=63&amp;action=like&amp;font=tahoma&amp;colorscheme=light&#39; style=&#39;border:none; overflow:hidden; width:72px; height:63px&#39;&gt;&lt;/iframe&gt;</td>

<td><g:plusone href='http://miblog.blogspot.com' size='tall'/><script type='text/javascript'>

window.___gcfg = {lang: &#39;es&#39;};

(function() {

var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;

po.src = &#39;https://apis.google.com/js/plusone.js&#39;;

var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);

})();

</script></td>

<td><a class='twitter-share-button' data-count='vertical' data-lang='es' data-text='Me ha gustado este blog, seguro a ti también te gustará:' data-url='http://miblog.blogspot.com' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></td>

</tr>

</table>

Paso 4.- Guarda tu plantilla y cierra la edición y fíjate como te quedara.  Blog de Prueba

Eso es todo amigos en cuanto a este post, si queres seguirnos y recibir actualizaciones estamos  Aqui.

Dejar Comentarios Click Aqui.

Read more »

Manejo de Archivos en Java con interfaz gráfica

Manejo de Archivos en Java.

Hola amigos y amigas hoy  les muestro alguito mira, cuando estamos cursando la  materia de introducción a la programación o introducción a la Informática, pues uno de los temas es el manejo de archivos es decir la Persistencia, que es un  tema fundamental en cualquier lenguaje de programación. Se hace importante porque nos permite interactuar con los dispositivos de almacenamiento externo para poder mantener la información en el tiempo. Es decir volver a ejecutar el programa que hicimos después de un tiempo y recuperando la información.

Muchos lenguajes nos permiten manejar Archivos, y Java no es la excepción. Mira ahora te comento algo; cuando se desarrollan applets para utilizar en red, hay que tener en cuenta que la entrada/salida directa a fichero es una violación de seguridad de acceso, es por eso que muchos usuarios configuran sus navegadores para permitir el acceso al sistema de ficheros, pero otros lamentablemente no realizan esta acción.

Bueno sin más palabras hagamos una aplicación de esto, diciendo primero que si se está desarrollando una aplicación JAVA para nuestro uso interno, será muy probable y práctico pues el acceso directo a ficheros OK.

Lo que haremos es, crear una aplicación usando archivos serializados para almacenar contactos que pretenda la administración y gestión de agenda personal con las opciones de: Nuevo registro, guardar, guardar cómo y por consiguiente que tenga las opciones de abrir y salir. 

Para ello tendremos las siguientes clases:

Archivo.java={File fila, ObjectImputStream entrada, ObjetOuputStream  salida}

Metodos Archivo: Archivo(), Escribir(Object A), Leer(), Salvar(Objects A), Recuperar().

Persona.java={String nombre, String Apellido, String Dni, Integer celular, Integer Edad, String Direccion}
Metodos Persona: Persona(), Persona(String nom, String ape….), Gets() y Sets().
Personas.java={HashMap<String, Persona>}
Metodos Personas: Personas(),AdicionarPersona(Persona p), GetPersonas(), SetPersonas(), Guardar(File f), Cargar().

Y finalmente  hacemos una clase Form de Bienvenida y el otro Form del Contenedor Principal.

Es decir el  Form de Bienvenida verifica la contraseña del usuario, de ser correcta hace visible al Form Contenedor.

La corrida del programa es asi:

La contraseña del ejecutable es “william”

El proyecto en Netbeans podras Descargarlo Aqui.  .

El ejecutable Descargalo Aqui.

Bueno eso es todo amigos (as)... espero que les ayude este pequeño aporte, nos vemos en una proxima entrega hasta pronto... haaa me olvidaba alguna actualización, comentario o mas información puedes argumentar en nuestro portal de facebook  o mandarnos un e-mail a nuestro correo. 

 Necesidad, comentario u otro (Portal facebook) Soluciones Web DheeyReck
 Necesidad, cometarios u otro (E -mail) Click Aqui

O simplemente escriba en la opcion de abajo.... 

Read more »

Boton Flotante Me gusta de Facebook en tu Blog

Botón Flotante Me Gusta de Facebook en tu Blog.
Ahora vamos a aprender a colocar el Botón Flotante “Me gusta” en tu Blog o en tu Sitio Web, y te darás cuenta que es muy sencillo colocarlo. Mira si miras en este blog existe un botón de “Recomendar”, sin embargo tenez que saber que el “Me gusta” es lo mismo que el de “Recomendar”, aunque a veces el recomendar suele atractivo.

Bueno ahora si Manos a la Obra (Me gusta Flotante en 5 pasos).

1.- Obtene la URL de tu blog por ejemplo para nuestro caso será la siguiente URL.
       http://inforsis-william.blogspot.com/

2.- Tenes que entrar a los Developers de Facebook el de like.
    http://developers.facebook.com/docs/reference/plugins/like/

3.- Ahora lo que tenez que hacer es: Donde te pide la URL to like, le pones tu URL, ahora desmarcas Send Button, después donde dice Layout Style escoges el de box_count; finalmente solo tenez que hacer Get Code, y te aparecerá una ventana con códigos voz tenez que ir donde dice IFRAME. Y copias el código que esta ahí y listo.

El código copiado será asi:

<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Finforsis-william.blogspot.com%2F&send=false&layout=box_count&width=450&show_faces=true&action=like&colorscheme=light&font&height=90&appId=278760335521178" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:90px;" allowTransparency="true"></iframe>

El código anterior esta con la URL del paso 1, en tu caso será la dirección de tu blog. Si no hacés lo anterior al código tan solo reemplaza  la URL con la de tu blog y ya. 

Ahora presta atención. Donde dice //copia aqui tu codigo pega tu código de arriba.

<!-- Botón Flotante Facebook -->
<div style='display:scroll;position:fixed;bottom:5px;right:0px;'>
    //copia aqui tu codigo
</div>
<!-- Final Botón Flotante Facebook -->

Y te quedara así:

<!-- Botón Flotante Facebook -->
<div style='display:scroll;position:fixed;bottom:5px;right:0px;'>
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Finforsis-william.blogspot.com%2F&send=false&layout=box_count&width=450&show_faces=true&action=like&colorscheme=light&font&height=90&appId=278760335521178" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:90px;" allowTransparency="true"></iframe>
</div>
<!-- Final Botón Flotante Facebook -->

4.- Ahora solo nos dirigimos a nuestro blog en este caso de blogger(Actual Interfaz).
    Te vaz a Plantilla, click en edicion de HTML, presionas Continuar. Y te vaz al final del código de la plantilla donde dice </body> antes de eso le pegas el código asi:

5.- Le das guardar plantilla y listo actualiza y mira el boton Flotante en tu blog. Para ver los resulatados ve al blog de prueba:  Click Aqui.

Bueno eso es todo para este post, en un proximo post te estare mostrando como colocar un bloque de botones flotantes de Facebook, de Twitter, de Google + hasta de taringa, hasta la proxima. Y no olvides recomendarnos y visita nuestra página de Facebook Soluciones Web DheeyReck para recibir nuestras actualizaciones.

Dejar Comentarios Click Aqui

Read more »