Iconos sociales con efecto y giro

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:

Pack de Iconos de Suscripción para tu blog

                                                   


Para agregar estos iconos de suscripcion vamos a Diseño,Elementos de pagina,Añadir gadget,HTML Javascript y pegas lo siguiente:

<a href="http://Nombre de tu blog.blogspot.com/feeds/posts/default?alt=rss"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipEPSViJgd_V2ALBnKolYBZZXQd_xa8koMIO6B9sWlwnYwXYvDMXZbLx7s-JGR-SD8PPadJzSxbfqL44wSp2gMN2OVlqop2xotxmK-HswINS8EgeK0Q57I3CG1Ptbdk8r6xZmcjps-qys/s0/rss.png" /></a> <a href="URL de tu Twitter"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFOGf7WtspEhrLEso6xyEIJo4DkwIesHcrGxTI5t3CIohJ_WmkSE7Z1TQY2Qd4nd1waGy_OYR7WdErCMtr6X0o2MxOT6o0IixuUuCOJ63e8wvJIuZRHBU4-P7tvWY7tS-Dh55XZjOxabA/s0/twitter.png" /></a> <a href="URL de tu Facebook"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheOMncElBZPawG8kjUEC8rCl0MxvvQPvvpubBTfgHtnAqkw_I3jqkTagZr6JxXEqa3oPX2EUk_H-QNqsp-UtBCpvlBTuYr2q920bUyfmEYZoAfP2m39pyc3lswSNbqTbEr7E3vmhu3Qgk/s0/facebook.png" /></a> <a href="URL de tu Yoytube"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUTSCMwo8inyOQgKCsNVZ_agbtFQ8KGuQAUqMj4dX4vZOEZgHH6U2JLq3zeebS23oIismgTJD9G0TDp2C4PxrQimP6lMSMfvHHppQvKk5D8qoEATKV_apY13vbBVJkyQSFaXF6Akg83R4/s0/youtube.png" /></a> <a href="URL de tu blog"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggWZV4Lx1nDjy5UlLUfwegwnlK3kWxvMviRf4xRRoV2TZEPvhy9cW7GgOiKYsxKXjfYB6qiyaE-76rNdOBIgjabrXkx2WxKVgVRNGhc86jJKnRSEKsEHNVDjiQ8hB4TJXxT4GpRpKNDf4/s0/blogger.png" /></a>

Por ultimo reemplazas las partes que estan en azul por lo que se indica y guardas.

Botones de Twitter y Facebook flotantes

 Una buena forma de conseguir fans y seguidores para tus paginas en Facebook y Twitter es poner un enlace hacia ellas que llame la atencion del lector pues bien hoy les traigo unas curiosas imagenes que son una pequeñas bandas que se ubican en la parte inferior de tu blog y quedan "flotando".

 Para agregar estas imagenes vamos a Diseño,Elementos de pagina,Añadir gadget,HTMLJavascript y pegas el siguiente codigo:

El Fanbox de Facebook, flotante y con efecto deslizante

El gadget funciona con  jQuery que es el que le da ese efecto deslizante, así que usaremos ese script, un poco de CSS y el FanBox de Facebook.

Lo primero es entrar en Diseño | Edición de HTML y antes de </head> pega el script:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>

<script type="text/javascript">
jQuery.noConflict();
jQuery(function (){
jQuery(".slide_likebox").hover(function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium");
},function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"-250"},"medium");
},500);
return false;
});
</script>

Botones Me Gusta,Twittear y +1 para Blogger

Los botones son proporcionados por AddThis,los botones incluyen el boton Me Gusta,Twittear,+1 y Share (el boton Share incluye mas de 300 servicios sociales para compartir nuestras entradas).

Para añadir estos botones ve a Diseño,Plantilla,Edición de HTML,Expandir plantillas de artilugio,alli buscas lo siguiente:

<div class='post-footer-line post-footer-line-1'>

Caja de Suscripciones "Sexy Subscription" para Blogger

 La caja de suscripciones esta hecha de HTML puro y le he dado el nombre de "Sexy Subscription",trae los servicios de Facebook,Twitter y RSS Feed.

Para agregar esta caja de suscripciones ve a Diseño,Añadir gadget,HTML/Javascript y alli pegas lo siguiente:

Like Box de Facebook en español

Vamos a Diseño,Elementos de pagina,Añadir gadget,HTML Javascript y pegamos este código en su interior:

<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/es_LA" type="text/javascript"></script><script type="text/javascript">FB.init("1b8f0f706c312c05f42224b5b3399f80");</script><fb:fan connections="22" width="225" profile_id="XXXXXXXXXXXX" stream=""></fb:fan>

 Una vez añadido el código, cambiamos donde dice XXXXXXXXXXXX por la id de nuestra página en Facebook y guardamos.


¿Como averiguo la id de mi página en Facebook?

 Accedemos a nuestra página de Facebook.

 Nos fijamos entonces en url que se muestra en el navegador, y que será algo como esto:

http://www.facebook.com/home.php?#!/pages/edit/?id=174666062584624

Esos números que se muestran al final de la url, son la id de nuestra página, y son los números que hemos de colocar en el código del gadget "Like Box" sustituyendo a lasXXXXXXXXXXXX.

Les va a quedar como esta:

Caja de Suscripciones Elegant Subscription para Blogger

caja de suscripciones que viene con los servicios de Facebook,RSS,Twitter y suscripcion por email.