13 junio 2013

Generador de caja de Redes Sociales Flotante


De nuevo y para continuar en la línea de Generadores, traigo otro gadget deslizante para mostrar las diferentes Redes Sociales de tu Blog.

Esta caja se abre mientras se desplaza la barra lateral de la página, lo que les dará a los lectores una opción de compartir la página de inmediato. Este gadget viene con los botones de Twitter , Facebook , Google plus.

¿Cómo se instala?

1.- Llene los datos requeridos en el generador.
2.- Haga clic en el botón Añadir a blogger para añadirlo a tu blog.


Espero que disfruten este gadget... Si te ha gustado, compártelo con tus amigos.
Deja tus comentarios y preguntas a continuación ...

12 comentarios

Buenas noches Antonio, dices "clic en el botón de blogger para añadir a tu blog. ¿cómo adivina a que blog si no pones el nombre?
Tal ves es una perogrullada, pero no lo entiendo

Anoche desistí en poner el menú, fui incapaz, eliminé todas las páginas, volví a etiquetar las entradas y nada. terminé quitándome horas de sueño para dejarlo como estaba poco más o menos, porque ahora he puesto menos páginas. En fin otra vez será, pones cosas tan atractivas que lo intentas, y al final terminas diciendo ESTO NO ES LO MIO, jejeje

Buenas, te comento que no sirve, al momento de darle click me sale agregar un elemento e imediatamente despues se actualiza la pagina y cambia la url por una que dice data:, Saludos

Alejandro funciona perfectamente, lo que ocurre es que tienes que entrar longueado desde tu cuenta.

amigo puedes facilitarme el codigo . por que con el generador no me funciona la pagina solo se actualiza y queda en blanco gracias de ante mano

Norlan este es el código:

<style>
#MDslidebox {
background: none repeat scroll 0 0 #F3F3F3;
border-radius: 9px 9px 9px 9px;
border: 1px solid #D7D7D7;
top: 50px;
display: none;
padding: 12px 14px;
position: fixed;
right: 2px;
width: 300px;
z-index: 3;
}
</style>

<script type="text/javascript">
$(window).scroll(function(){
if($(document).scrollTop()>=$(document).height()
/4)$("#MDslidebox").show("slow");
else $("#MDslidebox").hide("slow");});
function closeMDslidebox(){$('#MDslidebox').remove();}
</script>

<div id="MDslidebox" style="display: none;">
<a onclick="return closeMDslidebox();" href="javascript:void(0);" style="position:absolute;top:14px;right:10px;color:#555;font-size:10px;font-weight:bold;">(X)</a>
<span style="font-size:14px;color:#000;font-weight:bold">Siguenos en nuestras Redes Sociales.</span>
<iframe src="//www.facebook.com/plugins/likebox.php?href=URL DE FACEBOOK&amp;width=292&amp;height=62&amp;colorscheme=light&amp;show_faces=false&amp;border_color=black&amp;stream=false&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:62px;" allowtransparency="true"></iframe>
<br/>
<div class="g-plus" data-width="300" data-height="69" data-href="URL PERFIL GOOGLE" data-rel="publisher"></div>
<!-- Place this tag after the last badge tag. -->
<script type="text/javascript">
(function() {
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>
<br/>
<a href="https://twitter.com/NOMBREDETWITTER" class="twitter-follow-button" data-show-count="false">Follow @NOMBRETWITTER</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>

Hola Antonio ! me gustaría hacerte una consulta . como logras hacer esos generadores me gustaria crear uno. me podrías facilitar alguna informacion

hola Antonio me puedes ayudar. lo que pasa es que puse los botones para compartir de facebook y google en cada entrada pero aparecen en la pagina principal alguna manera para ocultarlos

Norlan, coloca este código al príncipio del todo: <b:if cond='data:blog.pageType == &quot;item&quot;'> y este otro al final: </b:if>

Con esto solo se mostrarán en las páginas y no en portada.

el generador funciona solo hay que dale agregar cuando este en su blogger


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"