Historia de Andalucia


Mi Galeria De Libros


        




La Historia de Andalucia

bandera

Historia


Hace mas de medio millón de años aparecieron en la cuenca de Guadix-Baza los primeros pobladores. Durante el Pleistoceno Medio se produjo una progresiva ocupación del territorio, principalmente en las áreas lacustres de la fachada Atlántica y en las vías fluviales.
Mas tarde se fueron desplazando por una amplia zona en busca de alimento.
Los yacimientos de Cártama Málaga, Marbella, Laguna de la Janda, muestran el paso de estas gentes.
En el Paleolítico Medio, 100.000 años antes de nuestra era, apareció el hombre de Neanderthal, cuyo paso esta reflejado en el cráneo de Gibraltar o restos hallados en las cuevas de Carigüela y Boquete de Zafarraya. Su cultura, la musteriense, aparece con gran frecuencia en nuestro suelo.
En el Paleolítico Superior, 40.000 años antes, se produjo un recrudecimiento del clima que obligo a los hombres y mujeres a refugiarse en cuevas. El poblamiento se localizaba en las provincias de Málaga y norte de Almería
El Neanderthal desapareció sin que se conozcan bien las causas y apareció el tipo Homo Sapiens del grupo Cromagnon
La vida de estos hombres era realmente dura pero esto no les impidió la creación de unas pinturas de extraordinaria belleza, realizadas en las paredes de las cuevas o de los abrigos naturales
Una muestra de ellas se puede observar en la cueva de la Pileta, en la provincia de Málaga
Entre el 8.000 y el 4.000, la población se hizo sedentaria y con ello apareció la agricultura.
Cada vez son los científicos que opinan que el Neolítico tuvo un carácter autóctono en nuestra tierra y partió de las culturas mesolíticas del sur peninsular.
En este periodo se desarrolló la agricultura: se cultivaba la cebada, el trigo, la aceituna procedente de olivos silvestres y el esparto, utilizado para la fabricación de esta y calzado.
Por otro lado se puede reconocer en esta etapa la existencia de las primeras manifestaciones de sepulcros colectivos, cuyo modelo más significativo lo constituye la llamada cultura de Almería, la delgadez y fragilidad de las piedras nos impiden hablar de megalitismo, pero si lo podemos hacer en las tumbas de Gor en Granada.
Durante este periodo, Neolítico, se desarrollo un tipo de pintura rupestre caracterizada por el esquematismo, como las halladas en las cuevas de Vélez Blanco, Ronda, Modin y Tarifa.
La invención de la técnica metalúrgica supuso para la humanidad un grado mas de desarrollo tecnológico y una mayor complejidad social a lo largo de los dos periodos en los que se divide esta época: del cobre o calcolítico y del bronce.
El Calcolítico tuvo su ámbito cronológico en Andalucía desde principios del tercer milenio a.C. hasta el transitó entre el segundo y el tercer milenio a.C. En esta época se intensificó la agricultura con la aparición de nuevos productos provocando una mayor especialización en la cerámica y la construcción de silos en el suelo.
La ganadería pasó a ser una actividad complementaria.
La mayor novedad fue el desarrollo del urbanismo. Los poblados calcolíticos, como el de los Millares en Almería, se situaban en elevaciones medianas para asegurar su defensa y concretaban una variedad morfológica de sus viviendas.
La última fase del Calcolítico, a finales del tercer milenio, está representada por la llamada cultura del Vaso Campaniforme.
La Edad del Bronce supuso el paso a una sociedad organizada políticamente, representada en Andalucía por la llamada cultura de El Argar.
La mayor parte de los poblados argáricos se encontraban en cerros estratégicos que dominaban una llanura o una vega cultivada.
Pero lo que realmente identifica a esta cultura es la actividad metalúrgica, que provoco la aparición en la península Ibérica de una sociedad diversificada.
Hubo una auténtica división del trabajo que produjo una mayor jerarquización social y política.
Durante el período del bronce tardío, Andalucía entró en una fase de cierta debilidad interna que provocó su fragmentación, además la cada vez mayor presencia de colonos fenicios transformó las estructuras sociales y culturales configurando lo que conocemos por Tartessos.
Tartessos
A pesar de lo anacrónico que supondría hablar de Estado andaluz en el año 100 a.C. en referencia concreta a Tartessos, pocos podrán discutir el hecho de que este territorio se estableciera por primera vez un reino con una administración compleja y una forma política semejante a la d los grandes imperios de Oriente. Es pues Tartessos una de los referentes cuando se accede a la historia del pueblo andaluz y un patrimonio indiscutible de su pasado.
Sus orígenes inmediatos se encuentran en el mencionado bronce final tartésico, y su proceso de formación pasaba por el contacto de estas gentes con los colonizadores fenicios y griegos, produciéndose un fenómeno de aculturación.
La capital del reino se llamaba igualmente Tartessos y estaba en la desembocadura del Guadalquivir, aunque se ignoraba el lugar exacto.
Entre los siglos VII y VI este núcleo metalúrgico incrementó sus contactos comerciales con los fenicios, quienes ofrecían productos alimenticios como aceite y vino, así como toda clase de objetos suntuosos a cambio de plata y otros metales.
Tartessos tenía una estructura social jerarquizada en cuya cúspide se encontraban los monarcas, que controlaban la agricultura y el comercio de metales.
A ellos pertenecen una serie de sepulcros principescos.
Su enorme desarrollo económico y la relación con los pueblos de Oriente configuraron una rica cultura tartésica.
La escritura comenzó a utilizarse a principios del siglo VII.
La conquista de Tiro (550 a.C.) provocó la caída de Tartessos.
Atraídos por las condiciones favorables de las costas andaluzas los fenicios se asentaron en Cádiz (s. VIII a.C.) además de otros puntos de la costa.
Los griegos se expandieron en el Mediterráneo occidental a partir del siglo VIII a.C. intentando entablar relaciones comerciales con tartessos.
Andalucía romana. La Bética.
Partiendo de la península Ibérica, Aníbal se dirigió hacia Roma. Al mismo tiempo los romanos enviaron contingentes militares al territorio hispano en el 218 a.C.
A partir de entonces sería ininterrumpida su presencia.
La mayor parte de los pueblos indígenas apoyaron a los romanos al considerarlos como libertadores del yugo cartaginés.
Conseguida la victoria sobre los cartagineses, los romanos se convirtieron en los nuevos exploradores de España, a la que dividieron en Hispania Citerior e Hispania Ulterior. Posteriormente, Augusto la dividiría en Lusitania y Bética.
La Bética se integró rápidamente en la estructura política, social y económica de Roma, interviniendo incluso en sus conflictos civiles.
Su docilidad le permitió ser administrada por el senado cuya capital sería Córdoba, donde residía el gobernador o procónsul.
Pero la gran aportación de Roma a la cultura andaluza y española fue la organización administrativa municipal.
Su arte era muy práctico y útil. En la Bética se construyeron puentes, edificios para la diversión y tetros. Además de estos se construyeron templos como el de Córdoba e Hispalis, y necrópolis como la de Carmona.
Los Visigodos en Andalucía
A partir del siglo III se produjo una profunda crisis política, económica, social y religiosa en el imperio romano. La crisis militar de roma permitió invadir el Imperio a los pueblos bárbaros. La Bética fue ocupada por los vándalos silingos.Los visigodos firmaron un tratado con los romanos para expulsar a los bárbaros de Hispania. A partir de la segunda mitad del siglo V la Bética quedó abandonada a su suerte.
A partir del reinado de Theudis, la monarquía empezó a tener interés por la Bética. Su permanencia de forma continuada fue breve.
Andalucía bajo el Islam. Al-Andalus
En un breve periodo Andalucía y casi toda España cayeron en poder de árabes y bereberes procedentes del norte de Africa. A la conquista siguió el asentamiento de los conquistadores.
El Emirato
Al-Andalus pasó a ser gobernada por un emir dependiente del imperio islámico.Los primeros emires se dedicaron a la construcción de un estado islámico centralizado en la península convirtiendo a Córdoba en la capital administrativa del emirato.
Durante el mandato de Abderramán II aumentó de forma ostentosa la población, provocando la expansión urbana.
Los problemas sociales disminuyeron, pero fueron graves las incursiones de los vikingos por el valle del Guadalquivir.
La llegada de Abderramán III al poder significó el final de las revueltas.
Mediante un uso más efectivo del ejército logró acabar con los focos rebeldes. Abderramán III asumió el título de califa.
El Califato
El poder absoluto pasó al califa cordobés ayudado por una serie de funcionarios fieles. El desarrollo urbano del islamismo andaluz produjo el fenómeno de una administración local sin una apariencia política y basada en el cumplimiento de una especie de catálogo de buenas costumbres que era el hisba.
La agricultura era la base de la economía andaluza.
Los musulmanes introdujeron nuevos sistemas de irregación que dieron impulso a lo que se ha llamado la “revolución verde”. También cultivaron el secano: trigo, sorgo, olivo y vid.
En el califato cordobés destacaron 3 actividades industriales: la textil, con fabricación de tejidos de seda, brocadores de hilo de oro y plata, lino y algodón, y la industria del cuero.
Las ciudades de Al-Andalus acogieron como actividades económicas la artesanía y el comercio. Los artesanos se organizaban en corporaciones profesionales, en los zocos, con pequeñas tiendas talleres.
El comercio se efectuaba en las alhóndigas y en la alcaicería.
La debilidad provocada por la división del califato favoreció a los reinos cristianos del norte, que desde 1055 al 1057, cobraron a los taifas un impuesto llamado paria a cambio de su seguridad.
En Andalucía las rivalidades entre los reinos taifas y los esporádicos ataques cristianos provocó el desarrollo de una importante arquitectura militar.
Los almorávides no lograron implantar un sistema político duradero y por su falta de reacción ante los ataques cristianos perdieron Zaragoza.
Los cristianos, una vez resuelta en 1230 la crisis sucesoria en León con el reconocimiento de Fernando III como rey, se dedicaron a la conquista del valle del Guadalquivir tomando Córdoba en 1236 y Jaén en 1246.
A finales de 1248 Sevilla cayó manos de Fernando III. En 1262 Alfonso X conquistaría Niebla.
Exceptuando el reino de Granada, el resto del territorio recibiría el nombre de Andalucía a partir de 1253, fecha considerada por algunos como la del alumbramiento de nuestra comunidad como entidad histórica.
El último episodio medieval de la historia de España y de Andalucía lo representa la toma de Granada por los Reyes Católicos que consolidados una vez en su trono iniciaron el definitivo empuje de la conquista del reino nazarí.
Entre 1481 y 1491 se estrecharía el cerco de la capital granadina a la vez que se declaraba una guerra civil en Granada lo que permitió a los cristianos conquistar Loja, Málaga y Baza y en 1489 los musulmanes entregarían Almería. En 1491 sólo quedaba en manos de los musulmanes la ciudad de Granada, que abatida por el frío y el hambre capituló el 2 de Enero de 1492.
La toma de Granada supuso el fin de la medievalidad y el descubrimiento de América hizo que el mundo entrara en la modernidad.

Mis Barnes

Hola si piensa que te a gustado la pagina y crees que mediante un botón o banner me deseas enlazar a tu web o blog aquí les muestro algunos modelos con sus códigos correspondientes.solo debe de copiar el codigo y ponerlo en su sitio en la seccion de HTML/Javascript  
gracias por enlazarme saludos .





Image and video hosting by TinyPic
Image and video hosting by TinyPic
Image and video hosting by TinyPic

Compartir tus entradas de blogger automáticamente a google plus

Desde hace un tiempo no teníamos alguna novedad de blogger,google, pero nos acaba de dar una sorpresita, es una nueva forma para compartir las entradas de blogger automáticamente  a nuestro perfil de google plus, con esto el rey de Internet intenta ponerse a la altura de otras redes sociales como facebook que ya contaba con esta opción mediantes terceros la cual era una ventaja sobre google plus,con esto nos ahorramos tiempo de hacerlo manualmente.


Si entramos a nuestro menú,pagina principal en blogger van a ver donde dice Google+, OJO recuerden que las cuentas deben de estar conectadas si le damos click van a ver los perfiles que tienen en google plus si esta seleccionado el perfil personal y lo que quieren es que las entradas se publiquen en el perfil de pagina solo le damos click y este se pondrá hacia arriba y seleccionado.


Una ves seleccionado el perfil que queremos marcamos la casilla donde dice Compartir automáticamente después de publicar ,y es todo sus entradas a partir de ese momento se publicaran automaticamente en tu perfil o página de Google Plus según hayas seleccionado 

EL HUEVO DEL PÁJARO DE TWITTER

Lo pueden pegar donde quieran en HTML. 

<center><object data="http://www.buzzbuttons.com/BUTTON4/twitbutton.swf" height="200" type="application/x-shockwave-flash" width="200">
<param name="movie" value="http://www.buzzbuttons.com/BUTTON4/twitbutton.swf" />
<param name="allowscriptaccess" value="always" />
<param name="menu" value="false" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="username=NOMBRE TWITTER" /><embed src="http://www.buzzbuttons.com/BUTTON4/twitbutton.swf" _mce_src="http://www.buzzbuttons.com/BUTTON4/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="200" height="200" menu="false" wmode="transparent" flashvars="username=NOMBRE TWITTER"></embed></object></center>

REDES SOCIALES: FACEBOOK,YOUTUBE,ETC.

<div id='wrap2'> <div class='homeheader' id='pageheader'> <ul id='enlaces'> <li><a href='http://www.youtube.com/' _fcksavedurl='http://www.youtube.com/' target='_blank' title='Youtube'><img src='http://cdn1.iconfinder.com/data/icons/socialnetworking/32/youtube.png' _fcksavedurl='http://cdn1.iconfinder.com/data/icons/socialnetworking/32/youtube.png'/></a></li> <li><a href='http://www.facebook.com/' _fcksavedurl='http://www.facebook.com/' target='_blank' title='Facebook'><img src='http://cdn1.iconfinder.com/data/icons/socialnetworking/32/facebook.png' _fcksavedurl='http://cdn1.iconfinder.com/data/icons/socialnetworking/32/facebook.png'/></a></li> <li><a href='http://twitter.com/' _fcksavedurl='http://twitter.com/' target='_blank' title='Twitter'><img src='http://cdn1.iconfinder.com/data/icons/socialnetworking/32/twitter.png' _fcksavedurl='http://cdn1.iconfinder.com/data/icons/socialnetworking/32/twitter.png'/></a></li> </ul> </div>

Caja Flotante (redes sociales)

Hola amigos, he seguido paso a paso los Ejemplos con Divs, pero solo una cosa no ogro terminar: hacer que la caja flotante se mantenga a la izq en IExplorer. En Firefox no hay problema, pero en IE se va abajo del pie, y no le encuentro solución ¿que será? Mil gracias anticipadas por su valiosa orientacion. 

En HTML Plantilla, antes de </body> poner esto:

<!-- INICIO CODIGO CAJA FLOTANTE - NO TOCAR -->
<div id="caja_flotante">
<div id="cont_caja_flotante">
AQUI VAN LAS URL DE TWITTER/FACE/YOU TUBE <a href="url de c/u"><img src... etc)
</div>
</div> 
<!-- FIN CODIGO CAJA FLOTANTE -->


En HTML Plantilla, antes del </head> poner el script:

<!-- INICIO CAJA FLOTANTE -->
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
var posicion = $("#caja_flotante").offset();
var margenSuperior = 15;
$(window).scroll(function() {
if ($(window).scrollTop() > posicion.top) {
$("#caja_flotante").stop().animate({
marginTop: $(window).scrollTop() - posicion.top + margenSuperior
});
} else {
$("#caja_flotante").stop().animate({
marginTop: 0
});
};
});
});
//]]>
</script>
<!-- FIN CAJA FLOTANTE -->

...y finalmente en el CSS poner:

#caja_flotante{
position: fixed;
top:80px;
left: auto;
margin: 80px 0 0 -100px;
border: 0px solid #CCC;
width:100px;
}


agregale: float:left;

MENÚ CON CAJAS DE REDES SOCIALES PARA TU BLOG

Este truco se puede ver claramente a la derecha de Teoría Blogger: 
Botonera de enlaces de redes sociales
Enlaces de redes socialesPara esto vamos a instalar el CSS en la plantilla yendo a Blogger.com → Diseño → Edición de HTML → buscamos la etiqueta </head> y arriba de este pegamos las siguientes fórmulas CSS: 

<style> 
/* LINKS DE REDES SOCIALES */ 
#seguir-redes-sociales {width:100%;float:right;} 
.redsocialmenu {background:
transparent;border:1px solid #898989;padding:10px;margin-bottom:10px;} 
.redsocialmenu:hover{background:
#CCCCCC;border:1px solid #898989;padding:10px;} 
.redsocialmenu a {text-decoration:none;font-weight:bold;color:
#555555;} 
.redsocialmenu a:hover {text-decoration:none;font-weight:bold; color:
#4CA5FF;} 
.redsocialmenu img{vertical-align:middle;margin-right:5px} 
</style>


Ahora vamos a insertar las cajas de los links de las redes sociales en un gadget, entonces vamos a Diseño → Elementos de la página → Añadir un gadget → Elegimos el tipo de gadget HTML/Javascript → Ahora copiamos el siguiente código HTML: 

<div id="seguir-redes-sociales"> 
<div class="redsocialmenu"> 
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYIXk1sGBcB3gzqCky8rJTsTet8KJhqnhHG8jhejegPC3qadapEvE5wShGrNiH6QTL1xusluxG5N_58sgRLbQMgZ-qj8IW_jikI7iwcGM7Q3RQ5Rw8X6fwnJtqZgT6_a-e5fSzNs_p4I4/s0/social-connect-facebook.png" title="Hazte Fan!" alt="Facebook" /> <a href="
URL de página en Facebook">Facebook</a> 
</div> 
<div class="redsocialmenu"> 
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVeZGhV-QYkZpgDrqT2a327raSm_5CicTYgl7OPqW_sbjsrg26r2vh2dEq5Apk4p5-u3Eab6lPrhVFnGH6dJFaXZzj9-SISlVgYF7dssfeVPF45boHKnnB72gg6NxfvM83uNcZOAcKpfs/s0/social-connect-twitter.png" title="Sígueme!" alt="Twitter" /> <a href="
URL de Twitter">Twitter</a> 
</div> 
<div class="redsocialmenu"> 
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxjiTdIikDp2GavpPrTdc20vpbff0etX-8uh8e8h_0kvVND_GEWAJ-meqBzQwOzpKNyxmauxNjwhE3v6cwd048sfq-iSJv5TgUKrjeGImjalEL2p_-6i6NC4OPCFD5V7BWHAxSsfRWEkQ/s1600/youtube-logo.png" title="Obsérvanos!" alt="Youtube" /> <a href="
URL de usuario en Youtube">You Tube</a> 
</div> 
</div>

Como es posible deducir, en lo que está marcado en distintos colores va la URL de: 
  • La página en Facebook
  • Tu usuario en Twitter
  • Y tu canal en Youtube 

Redes sociales, las claves del éxito

Las redes sociales han revolucionado no sólo la forma en la que las personas establecen sus relaciones, sino también y de forma indivisible, el entorno donde se desarrolla el emprendimiento, como protagonista indiscutible de esta nueva economía. El incalculable valor de las redes sociales para generar relaciones inmediatas es una herramienta poderosa para el emprendimiento; sin embargo, conviene tener presente que la presencia per se en las redes sociales no garantiza el éxito de un nuevo proyecto.
Partiendo de la premisa básica que las redes sociales son imprescindibles para tener éxito en los negocios, es fundamental seguir una serie de consejos que le permitan optimizar estas plataformas en pos de lograr los objetivos previstos.
Analice su posición en las redes sociales
Antes de lanzarse a un nuevo negocio y su promoción revise su perfil en las redes sociales. Recuerde que estos deben ser abiertos para permitir el acceso de los usuarios interesados en los bienes y/o servicios ofertados a su marca.
Utilice las redes sociales de forma profesional, debe seleccionar los espacios donde tendrá una presencia activa partiendo de criterios de dedicación, la clave del éxito en las campañas realizadas en las plataformas sociales, radica en tener una presencia activa, abierta al diálogo, con capacidad de escucha y con actualización constante de contenidos de calidad que satisfagan las necesidades de los potenciales clientes.
Estar presente en la innumerable cantidad de espacios online que existen en la actualidad, no es garantía del éxito y puede suponer un freno a la consolidación de nuestra marca personal si no contamos con el tiempo suficiente para actualizar nuestros espacios.
Método y organización son fundamentales si va a iniciar una campaña online, debe establecer un tiempo cada día para estar presente en las redes sociales, así sea una hora al día, sistematice y planifique dichos tiempos y cúmplalos, sus seguidores se acostumbrarán a verlo presente y la confianza en la marca irá incrementándose de forma progresiva.
Actualización de perfiles, una de las variables más determinantes en la impresión que los usuarios tienen de nuestra marca, es la actualización constante de los contenidos, asegúrese que éstos son siempre actuales, novedosos y vigentes.
De igual forma que el SEO premia los contenidos de calidad que responden a los criterios de búsqueda de los usuarios y que se concentran en la entrega de un valor agregado teniendo como premisa fundamental la satisfacción de las necesidades, las redes sociales tejen la tela de araña de la confianza en base a la calidad.
Participación activa y escucha abierta
Comprender que el nuevo modelo productivo se centra en la eficiencia y el valor agregado, dejando al margen la especulación y el enriquecimiento rápido y centrándose en la consolidación del compromiso y la confianza como claves de la eficiencia.
Sacar el máximo provecho a las redes sociales es sencillo si los objetivos perseguidos están centrados en el fortalecimiento de los vínculos entre personas, las relaciones que se traducirán en más oportunidades y la entrega de bienes y servicios eficientes que despierten el interés de los integrantes de la comunidad.
Las redes sociales, al contrario de quienes piensan que sirven únicamente para propagar una marca, son el punto neurálgico de la consolidación de su reputación, su naturaleza permite la escucha activa y la toma de conciencia sobre lo que se opina de la marca, y es precisamente en eso –en la consolidación de la reputación- más que en la viralidad con la que se propaguen las noticias, en lo que debe centrarse una campaña de marketing en redes sociales.
Para finalizar y acogiéndonos al término comunidad, no debemos olvidar que el término en sí mismo significa cooperación, colaboración, compromiso, satisfacción de necesidades mutuas y beneficio global. Cuanto más satisfechos estén nuestros seguidores de la información entregada, mayores oportunidades de negocios se irán vislumbrando y construyendo, acercándonos de forma progresiva a la consecución del éxito sostenido en el largo plazo.

Botones de Redes Sociales para Compartir entradas en tu blog

Si quieres agregar los botones que te voy a mostrar a continuacion al final de tus entradas entonces vas a Diseño,Edicion HTML,Expandir plantillas de artilugios y pones los codigos de los botones debajo de la siguiente etiqueta:
  
<div class='post-footer-line post-footer-line-1'>

Si los quieres poner en la cabecera de tus entradas entonces los pones debajo de la siguiente etiqueta
  
<div class='post-header-line-1'/>

Y si las quieres agregar solo en la pagina principal de tu blog entonces vamos aDiseño,Elementos de Pagina ,Añadir gadget,HTML Javascript y pegas el codigo alli.

Para añadir los siguientes botones pegas el siguiente codigo en cualquiera de los atributos que mencione con anterioridad.
 



<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4dcddcb73e3ba0d2"></script>
<!-- AddThis Button END -->

Si quieres añadir los siguientes botones pega lo siguiente en cualquiera de los atributos que mencione con anterioridad.


<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4dcde18b394a19ad"></script>
<!-- AddThis Button END -->

Bueno espero que este tutorial sea de ayuda 

Contador de visitas redes sociales y sitios web.

<object id="counters99" allowscriptaccess="always" type="application/x-shockwave-flash" data="http://static.99widgets.com/counters/swf/counters.swf?id=1003761_2&ln=es" width="175" height="200" wmode="transparent"><param name="allowscriptaccess" value="always" /><param name="movie" value="http://static.99widgets.com/counters/swf/counters.swf?id=1003761_2&ln=es" /><param name="wmode" value="transparent" /><embed src="http://static.99widgets.com/counters/swf/counters.swf?id=1003761_2&ln=es" type="application/x-shockwave-flash" allowscriptaccess="always" wmode="transparent" width="175" height="200"></embed><br><a href="http://es.99counters.com/">CONTADOR DE VISITAS EN BLOG</a> <a href="http://www.casinospn.com/juegos-de-casino-de-slots.html">máquina tragaperras</a> <a href="http://www.amigafx.com/es/">FOREX EN LíNEA</a> <a href="http://www.amigafx.com/">Forex Trading</a> <a href="http://www.onlinecasinoau.com/casino-games-blackjack.html">black jack</a></object> 

Reproductor de música y videos para redes sociales

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMjgxMzY2MzA1OTcmcHQ9MTMyODEzNjY*ODE*NCZwPTE4MDMxJmQ9Jmc9MSZvPTYzYzI*YjZhZTYwYjRjMTNiNDhh/MjBhYmM2MTE3YTI*.gif" /><embed src="http://assets.***/swf/mp3/mixpod.swf?myid=87981598&path=2012/02/01" quality="high" wmode="window" bgcolor="222222" flashvars="mycolor=222222&mycolor2=77ADD1&mycolor3=FFFFFF&autoplay=false&rand=0&f=4&vol=100&pat=0&grad=false" width="410" height="311" name="myflashfetish" salign="TL" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" style="visibility:visible;width:410px;height:311px;" /><br><a href="http://www.***/playlist/87981598"><img src="http://assets.***/images/btn2-tracks.gif" alt="Music" title="Get Music Tracks!" border="0"></a><a href="http://www.***" target="_blank"><img src="http://assets.***/images/btn2-create.gif" alt="Playlist" title="Create Your Free Playlist!" border=0></a><a href="http://www.***/user/23452200"><img src="http://assets.***/images/btn2-profile.gif" alt="View Profile" title="View all my playlists!" border="0"></a><br />Create a <a href="http://***">MySpace Music</a> <a href="http://***">Playlist</a> at <a href="http://***">***</a> 

chat para redes sociales

<object width="320" height="400" id="obj_1328232015375"><param name="movie" value="http://mayDog.chatango.com/group"/><param name="AllowScriptAccess" VALUE="always"/><param name="AllowNetworking" VALUE="all"/><param name="AllowFullScreen" VALUE="true"/><param name="flashvars" value="cid=1328232015375&a=000000&b=100&c=00CC00&d=0099FF&e=000000&g=CC0000&k=666666&l=333333&m=000000&n=FFFFFF&q=009900&r=100&s=1"/><embed id="emb_1328232015375" src="http://mayDog.chatango.com/group" width="320" height="400" allowScriptAccess="always" allowNetworking="all" type="application/x-shockwave-flash" allowFullScreen="true" flashvars="cid=1328232015375&a=000000&b=100&c=00CC00&d=0099FF&e=000000&g=CC0000&k=666666&l=333333&m=000000&n=FFFFFF&q=009900&r=100&s=1"></embed></object><br>[ <a href="http://mayDog.chatango.com/clonegroup?ts=1328232015375">Copy this</a> | <a href="http://chatango.com/creategroup?ts=1328232015375">Start New</a> | <a href="http://mayDog.chatango.com">Full Size</a> ] 

Enlaces Directos a Redes Sociales

Código para insertar enlaces directos a varias páginas Web de interes para los usuarios.
Incluye: Facebook, gmail, junto con Google, Google, MSN Correo, Netflix, Picasa, Twitter, Wikipedia, Yahoo Mail, YouTube, Amazon, Apple, Blogger, Dropbox, FileWin7, Flickr, Okurt, Aol, Hulu, y Hi5!
 
 
<script src="//www.gmodules.com/ig/ifr?url=http://content.wuala.com/contents/filewin7/Documents/wein1/wein1.xml&amp;synd=open&amp;w=320&amp;h=200&amp;title=Enlaces&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script>


Leer más: http://www.codigoshtml.com/codigo-html-de-enlaces-directos-a-redes-sociales/
Crea tu propia web gratis: http://www.webnode.es

Saludo al visitante:

Puedes poner en tu sitio un mensaje personalizado según la hora en que el visitante entre. Este puede recibir el saludo "Buen día", "Buenas tardes", "Buenas noches", o puedes sustituirlos por otros mensajes de tu preferencia. De esta forma el visitante verá el mensaje de acuerdo con el horario que entre a tu página.

<Font size=2 face=arial><b>
<Script Language="JavaScript">
<!--
today = new Date()
if(today.getMinutes() < 10){
pad = "0"}
else
pad = "";
document.write ;if((today.getHours() >=6) && (today.getHours() <=9)){
document.write("¡Buen día!")
}
if((today.getHours() >=10) && (today.getHours() <=11)){
document.write("¡Buen día!")
}
if((today.getHours() >=12) && (today.getHours() <=1
9)){
document.write("¡Buenas tardes!")
}
if((today.getHours() >=
20) && (today.getHours() <=23)){
document.write("¡Buenas noches!")
}
if((today.getHours() >=0) && (today.getHours() <=3)){
document.write("¡Buenas noches!")
}
if((today.getHours() >=4) && (today.getHours() <=5)){
document.write("¡Buenas noches!")
}
// -->
</script>
</b></font>

Mensaje de bienvenida:

Con este recurso personalizás tu sitio para el visitante. Al entrar, el visitante verá un espacio para ingresar su nombre y un mensaje que dice "Hola, Fulano".
Copiá el siguiente código y pégalo donde quieras que aparezca el mensaje:

<Script language="JavaScript">
mensagem = prompt("Por favor, ingresa tu nombre",'');
if (mensagem==null) {
document.write("¡Hola, visitante!")
}else{
if (mensagem=='') {
document.write("<b><font face=arial size=2 color=#000000>¡Hola, visitante!</font></b>")
}else{
document.write("<b><font face=arial size=2 color=#000000>¡Hola"+mensagem+"! Bienvenido a mi sitio</font></b>");
}
}
</script>

Reloj - formato texto:

Este es otro tipo de reloj que también cuenta los segundos y que puede utilizar texto. Es muy fácil incluirlo en tu página. Siempre que un usuario acceda a tu sitio el efecto será iniciado.

Paso 1: Para que el recurso se inicie junto con la página, debes incluir dentro de la etiqueta <body> el parámetro de inicio. Agregá un espacio después del último parámetro e incluye:

Onload="show5()"

Observa un ejemplo sencillo de cómo queda la etiqueta:
 
<body Onload="show5()">

¡Atención! Sin eso tu reloj no funcionará.

Paso 2: Incluye el siguiente código en tu página después de la etiqueta <body>.

<Font face=Verdana><span id=relogio style="POSITION: absolute"></span>
<Script Language=JavaScript>
<!--
function show5(){
if (!document.layers&&!document.all)
return
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var dn="AM"
if (hours>12){
dn="PM"
hours=hours-12
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
meurelogio="<font size='5' face='Arial'><b>"+hours+":"+minutes+":"
+seconds+" "+dn+"</b></font>"
if (document.layers){
document.layers.relogio.document.write(meurelogio)
document.layers.relogio.document.close()
}
else if (document.all)
relogio.innerHTML=meurelogio
setTimeout("show5()",1000)
}
//-->
</script>
</font>

Cambiar el color de la barra de desplazamiento al pasar el mouse:

Con este truco podés hacer que además de cambiar el color clásico gris de la barra de desplazamiento por otro, hacer que cuando el mouse se pose sobre ella cambie a otro color. Cambiando los números y letras en verde variaran los colores. Probalo pasando por la barra de la derecha!.

<script language="JavaScript1.2">
<!--
function scrollBar(line,face,theme)
{
if (!line||!face)
{
line=null;
face=null;
switch(theme)
{
case "blue":
var line="black";
var face="#
6699FF";
break;
}
}

with(document.body.style)
{
scrollbarDarkShadowColor=line;
scrollbar3dLightColor=line;
scrollbarArrowColor="
black";
scrollbarBaseColor=face;
scrollbarFaceColor=face;
scrollbarHighlightColor=face;
scrollbarShadowColor=face;
scrollbarTrackColor="#
FFFFFF";
}
}

function colorBar(){
var w = document.body.clientWidth;
var h = document.body.clientHeight;
var x = event.clientX;
var y = event.clientY;
if(x>w) scrollBar('#000080','#
E58D28');
else scrollBar(null,null,"blue");
}

if (document.all){
scrollBar(null,null,"blue");
document.onmousemove=colorBar;
}
//-->
</script>"#
6699FF";
break;
}
}

with(document.body.style)
{
scrollbarDarkShadowColor=line;
scrollbar3dLightColor=line;
scrollbarArrowColor="
black";
scrollbarBaseColor=face;
scrollbarFaceColor=face;
scrollbarHighlightColor=face;
scrollbarShadowColor=face;
scrollbarTrackColor="#
FFFFFF";
}
}

function colorBar(){
var w = document.body.clientWidth;
var h = document.body.clientHeight;
var x = event.clientX;
var y = event.clientY;
if(x>w) scrollBar('#000080','#
E58D28');
else scrollBar(null,null,"blue");
}

if (document.all){
scrollBar(null,null,"blue");
document.onmousemove=colorBar;
}
//-->
</script>

Texto en expansión:

Colocá en tu página mensajes animados que se agrandan y llaman la atención de los visitantes. Además, incluyen enlaces hacia donde vos quieras.
Copiá el siguiente código y pegalo en tus páginas debajo de la etiqueta <Body>.

<script language="JavaScript">
var velocidade = 45;
var ciclo = 2000;
var tamanho = 20;
var x = 0;
var y = 0;
var mensagens, size;
var esize = "</font>";
function initArray() {
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
}
}
var mensagens2 = new initArray(
"Visita",
"
www.CheNico.com",
"
webmaster@pauluk.8k.com"
);
if(navigator.appName == "Netscape")
document.write('<layer id="wds"></layer><br>');
if (navigator.appVersion.indexOf("MSIE") != -1)
document.write('<span id="wds"></span><br>');
function aumenta(){
mensagens = mensagens2[y];
if (x < tamanho) {
x++;
setTimeout("aumenta()",velocidade);
}
else setTimeout("diminui()",ciclo);
if(navigator.appName == "Netscape") {
size = "<font face=arial color=#000099 point-size='"+x+"pt'>";
document.wds.document.write(size+"<center><a href=http://www.
CheNico.com Target=_blank style=text-decoration:none;color:#000099>"+mensagens+"</a></center>"+esize);
document.wds.document.close();
}
if (navigator.appVersion.indexOf("MSIE") != -1){
wds.innerHTML = "<font face=arial color=#000099><center><a href=http://www.
CheNico.com Target=_blank style=text-decoration:none;color:#000099>"+mensagens+"</a></center></font>";
wds.style.fontSize=x+'px'
}
}
function diminui(){
if (x > 1) {
x--;
setTimeout("diminui()",velocidade);
}
else {
setTimeout("aumenta()",ciclo);
y++;
if (y > mensagens2.length - 1) y = 0;
}
if(navigator.appName == "Netscape") {
size = "<font face=arial color=#000099 point-size='"+x+"pt'>";
document.wds.document.write(size+"<center><a href=http://www.
CheNico.com Target=_blank style=text-decoration:none;color:#000099>"+mensagens+"</a></center>"+esize);
document.wds.document.close();
}
if (navigator.appVersion.indexOf("MSIE") != -1){
wds.innerHTML = "<font face=arial color=#000099><center><a href=http://www.
CheNico.com Target=_blank style=text-decoration:none;color:#000099>"+mensagens+"</a></center></font>";
wds.style.fontSize=x+'px'
}
}
setTimeout("aumenta()",velocidade);
</script>

Imagen volando por la pantalla:

Este efecto hace que cualquier imagen que elijas quede "paseando" por la pantalla, siendo un recurso excelente tanto para llamar la atención por alguna novedad en tu sitio como para darle más movimiento a la página.
Copiá y pegá el siguiente código en tu página HTML.Recordá que la imagen debe estar en el mismo directorio de tu página html.

<SCRIPT language="JavaScript1.2">
var imagem="Ingresa el nombre del archivo de imagen aquí"
if (document.layers)
{document.write("<LAYER NAME='animacao' LEFT=10 TOP=10><img src='"+imagem+"' ></LAYER>")}
else if (document.all){document.write("<div id='animacao' style='position:absolute;top:10px;left:10px;width:17px;height:22px;z-index:50'><img src='"+imagem+"'></div>")}
conta=-1;
move=1;
function curva(){
abc=new Array(0,1,1,1,2,3,4,0,6,-1,-1,-1,-2,-3,-4,0,-6)
for (i=0; i < abc.length; i++)
{var C=Math.round(Math.random()*[i])}
iniciar=abc[C];
setTimeout('curva()',1900);
return iniciar;
}
ypos=10;
xpos=10;
movimento = 60;
function moveR(){
caminho=movimento+=iniciar;
y = 4*Math.sin(caminho*Math.PI/180);
x = 6*Math.cos(caminho*Math.PI/180);
if (document.layers){
ypos+=y;
xpos+=x;
document.animacao.top=ypos+window.pageYOffset;
document.animacao.left=xpos+window.pageXOffset;
}
else if (document.all){
ypos+=y;
xpos+=x;
document.all.animacao.style.top=ypos+document.body.scrollTop;
document.all.animacao.style.left=xpos+document.body.scrollLeft;
}
T=setTimeout('moveR()',50);
}
function edges(){
if (document.layers){
if (document.animacao.left >= window.innerWidth-40+window.pageXOffset)movimento=Math.round(Math.random()*45+157.5);
if (document.animacao.top >= window.innerHeight-30+window.pageYOffset)movimento=Math.round(Math.random()*45-112.5);
if (document.animacao.top <= 2+window.pageYOffset) movimento = Math.round(Math.random()*45+67.5);//OK!
if (document.animacao.left <= 2+window.pageXOffset) movimento = Math.round(Math.random()*45-22.5);//OK!
}
else if (document.all)
{
if (document.all.animacao.style.pixelLeft >= document.body.offsetWidth-45+document.body.scrollLeft)movimento=Math.round(Math.random()*45+157.5);
if (document.all.animacao.style.pixelTop >= document.body.offsetHeight-35+document.body.scrollTop)movimento=Math.round(Math.random()*45-112.5);
if (document.all.animacao.style.pixelTop <= 2+document.body.scrollTop) movimento = Math.round(Math.random()*45+67.5);//OK!
if (document.all.animacao.style.pixelLeft <= 2+document.body.scrollLeft) movimento = Math.round(Math.random()*45-22.5);//OK!
}
setTimeout('edges()',100);
}
function efeito(){
curva();
moveR();// onUnload="opener.gO()"
edges();
}
if (document.all||document.layers)
efeito()
</script>

Texto que sigue al mouse:

Hacé que un texto cualquiera siga al mouse del visitante en tu página. Es un efecto fabuloso y fácil de incluir en las páginas
Incluye el siguiente código en tu página HTML:

<style>
.animado {position:absolute;visibility:visible;top:-50px;font-size:10pt;font-family:Arial;font-weight:bold;color:black;}
</style>
<script language=JavaScript>
var x,y
var tempo=10
var espera=0
var texto="www.CheNico.com"
texto=texto.split("")
var xpos=new Array()
for (i=0;i<=texto.length-1;i++) {
xpos[i]=-50
}
var ypos=new Array()
for (i=0;i<=texto.length-1;i++) {
ypos[i]=-50
}
function seguir(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
espera=1
}
function animar_cursor() {
if (espera==1 && document.all) {
for (i=texto.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+tempo
ypos[i]=ypos[i-1]
}
xpos[0]=x+tempo
ypos[0]=y
for (i=0; i<texto.length-1; i++) {
var camada = eval("span"+(i)+".style")
camada.posLeft=xpos[i]
camada.posTop=ypos[i]
}
}
else if (espera==1 && document.layers) {
for (i=texto.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+tempo
ypos[i]=ypos[i-1]
}
xpos[0]=x+tempo
ypos[0]=y
for (i=0; i<texto.length-1; i++) {
var camada = eval("document.span"+i)
camada.left=xpos[i]
camada.top=ypos[i]
}
}
var timer=setTimeout("animar_cursor()",30)
}
</script>
<script Language=JavaScript>
for (i=0;i<=texto.length-1;i++) {
document.write("<span id='span"+i+"' class='animado'>")
document.write(texto[i])
document.write("</span>")
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = seguir;
animar_cursor()
</script>