05 abril 2011

Barra inferior con redes sociales


De nuevo subo esta entrada porque me parece interesante, ocupa poco espacio y tiene una visibilidad ejemplar.
Hoy os traigo la forma de colocar las redes sociales o cualquier enlace en una barra inferior con todos los iconos. Podéis verla tanto en la imágen como en la parte inferior de mi blog.

Por su complejidad, al ir instalada en dos partes, una página en html y un iframe llamando a esa página, no puedo colocar los códigos, pero si deseas colocarlo en tu blog, amablemente creo la página html y luego te muestro el código que deberías introducir en un gadget html.

Se pueden hacer de varias formas, una como la que tengo instalada (iconos y texto) y otra como la imágen de abajo (solo texto).



Para dicho fín, dejad un comentario con la forma (icono y texto) o (texto), color de fondo (rojo,negro,beig etc..) y los enlaces a dichos medios.

Ejemplo:
iconos + texto
color negro
enlaces:
http://www.facebook.com/AmorSevillista
https://twitter.com/amorsevillista
[email protected]
http://feeds.feedburner.com/amorsevillista
asi como tantos deseéis.

Una vez los tenga finalizados,  colocaré los códigos en esta misma entrada.

Para colocar el código: DISEÑO-AÑADIR UN GADGET-HTML/JAVASCRIPT y colocáis el código en su interior.
----------------------------------------------CÓDIGOS----------------------------------------------
Sevillon este es tu código:

<iframe rows="*,35" name="mainFrame" id="mainFrame" style="position:fixed;LEFT:0px;bottom:0px;width:100%;height:35px;z-index:4" src="http://www.sevillistasporelmundo.com/h46-barra-sevillon" scrolling="NO" frameborder="0"></iframe>
---------------------------------------------------------------------------------------------------------------
Pablo Lucena este es tu código, (no sé para que lo quieres sin enlaces, pero hay lo llevas)

<iframe rows="*,35" name="mainFrame" id="mainFrame" style="position:fixed;LEFT:0px;bottom:0px;width:100%;height:35px;z-index:4" src="http://www.sevillistasporelmundo.com/h21-pablolucena" scrolling="NO" frameborder="0"></iframe>
-----------------------------------------------------------------------------------------------------------
Jose Angel Gónzalez este es tu código:

<iframe rows="*,35" name="mainFrame" id="mainFrame" style="position:fixed;LEFT:0px;bottom:0px;width:100%;
height:35px;z-index:4" src="http://www.sevillistasporelmundo.com/h15-desde-mi-sevillismo" scrolling="NO" frameborder="0"></iframe>
-----------------------------------------------------------------------------------------------------------
Daniel Muñumer este es tu código:

<iframe rows="*,35" name="mainFrame" id="mainFrame" style="position:fixed;LEFT:0px;bottom:0px;width:100%;
height:35px;z-index:4" src="http://www.sevillistasporelmundo.com/h50-danielmunumer" scrolling="NO" frameborder="0"></iframe>
-------------------------------------------------------------------------------------------------------------

Trono de Fuego este es tu código:

<iframe rows="*,35" name="mainFrame" id="mainFrame" style="position:fixed;LEFT:0px;bottom:0px;width:100%;
height:35px;z-index:4" src="http://www.sevillistasporelmundo.com/h48-tronodefuego" scrolling="NO" frameborder="0"></iframe>
-------------------------------------------------------------------------------------------------------------
Manolo Ruiz este es tu código:

<iframe rows="*,35" name="mainFrame" id="mainFrame" style="position:fixed;LEFT:0px;bottom:0px;width:100%;
height:35px;z-index:4" src="http://www.sevillistasporelmundo.com/h56-manoloruiz" scrolling="NO" frameborder="0"></iframe>
--------------------------------------------------------------------------------------------------------

Escrito por:

Mi nombre es Antonio, soy sobre todo Sevillista y apasionado con los blog desde el 2007.

Sígueme en: | Facebook | Twitter | Google+

19 comentarios

Saludos, a mi me gustaría, otra cosa será que después me salga...
Icono+texto
color gris oscuro
enlaces:
http://www.facebook.com/el.sevillon
http://twitter.com/JuanjeSFC
[email protected]
http://elsevillon.blogspot.com/feeds/posts/default

Muchas gracias, un abrazo.

Yo quiero que pongas
Facebook,twitter,rss,youtube,email,pero sin que valla dirigido al mío.
Color:Como el tuyo más o menos

Buenas noches a mi gustaria poner la barra con estos datos. Por cierto me gustaria me ayudaras a ser posible para poner un top de comentaristas que no me sale. Gracias de antemano y un saludo
iconos + texto
color rojo
enlaces:
http://www.facebook.com/desdemisevillismo
http://twitter.com/jgalgab
[email protected]
http://desdemisevillismoblogspot.com/feeds/posts/default

Muchas gracias Antonio eres un crak, el kanoute de los gadgets.
Un saludo

Hola, yo quiero, porfavor:
iconos+texto
color rojo
enlaces:
-http://www.facebook.com/home.php#!/pages/Conoce-la-Historia/122021927875604?sk=wall
[email protected]
-http://feeds.feedburner.com/conoce-lahistoria

Muchas Gracias

Si no es problema podrias ponerme mi codigo pero en negro en lugar de rojo, por favor

Por favor cambia mi enlace de facebook por este http://www.facebook.com/pages/Conoce-la-Historia/122021927875604 muchas gracias

Para Con S de Sevillismo otra, por favor, solo con el Facebook, Twitter y RSS

ola me gustaria k pusieras eso d iconos mas texto amigo, muchas gracias.

https://twitter.com/#!/Sevillista2
http://sevillistayovoyamorir.blogspot.com/
[email protected]

hola muy bueno el blog! seria posible ke ese gadget nunca se kite aunke naveguen en las entradas?
eh visto blogs con ese tipo de barra con radio y al navegar en la web...esa barra jamas se kita! me puedes ayudar?:D

Hola necesito uno de esta manera, que sea fondo negro por favor con las siguientes redes sociales:

1.Facebook = http://www.facebook.com/pages/Trono-De-Fuego-Iglesia-Cristiana-Internacional/111354542279001

2.blogger = http://tronodefuegoonline.blogspot.com/

3. Twitter = http://twitter.com/#!/Tronodefuego

4. Email.

gracias..

@Anónimo

QUE SEA ICONOS MAS TEXTO POR FAVOR xD

@Anónimo
Trono de fuego, yá lo tienes colocado en la entrada.

Este comentario ha sido eliminado por el autor.

@Sevillon

Saludos:
Me gustaría de ser posible, la barra tal y como está la tuya.

Enlaces:
http://www.facebook.com/ElHumilladero

https://twitter.com/#!/ManoloRL

Email: [email protected]

http://factoriaroja.blogspot.com//feeds/posts/default


Y si no es mucho pedir, igual para mi otro blog, lo único que cambia de lo que pido es la url de Blog

http://spqhis-elhumilladero.blogspot.com//feeds/posts/default
Gracias.


Por favor, comente de acuerdo al tema del artículo.
Serán removidos todos los Comentarios con enlaces.
Si quieres recibir los nuevos comentarios marca "Avisarme"