redes sociales verticales flotantes de facebook y youtube

           

redes sociales verticales flotantes en el blog o web excelente caja flotante de pagina de facebook

y un botón flotante de youtube estarán junto la modificación es mía solo la editan es muy fácil solo 

cambian el nombre de la  pagina y los numeros y el nombre de usuario del canal y lo peguen en el html javascript 

y tendrán su caja emergente vertical

<style> #flotante1 { position:fixed; top:100px; right:-250px; float:right; width:288px; display:block; padding:0; z-index:1002; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #flotante2 { position:fixed; top:240px; right:-250px; float:right; width:288px; display:block; padding:0; z-index:1003; border-radius:10px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #flotante3 { position:fixed; top:380px; right:-250px; float:right; width:288px; display:block; padding:0; z-index:1004; border-radius:10px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #flotante1:hover, #flotante2:hover, #flotante3:hover { right:0px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } div.likeboxwrap { margin-top:-5px; margin-left:-45px; width:238px; height:325px; background-color:#fff; overflow:hidden; border-radius:10px; } </style> <!-- Primera pestaña --> <div id='flotante1'> <iframe id="fr" src="http://www.youtube.com/subscribe_widget?p=yersonlbk" style="overflow: hidden; height: 105px; width: 250px; border: 0;" scrolling="no" frameborder="0" name="fr"></iframe> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPVPZEJ4kjOrTKwG_YBiWZSOLcUmP8YgjGrp-Dcbcc_rW21fVKGD2-3XBvyBCS_7e-wV9VqdoMW1dG1hpHwbEDctUGMphrr13OIJY44Rdpwt8rTofshwb7UCXdWPA0Ltf20bdI91fsdcI/' style='float:left;'/> <div style='background: #3c5a98; height:325px; margin-left:38px;padding: 8px 5px 0pt 50px;border-radius: 0px 0px 0px 10px;'> <span><div class='likeboxwrap'> <iframe allowtransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FGTA-colombia%2F262179923941989&width=240&colorscheme=light&connections=15&stream=false&header=false&height=350' style='border:none; overflow:hidden; width:240px; height:325px;'/></iframe> </div> </span></div> </div>




ACTUALIZACIÓN 1:

Si el fanbox de Facebook te marca error puede ser porque aún no tienes una URL personalizada en tu página de Facebook, en esos casos deberás cambiar esta parte:

http%3A%2F%2Fwww.facebook.com%2Fpages%2Fnombre-de-la-página-de-facebook%2FXXXXXXXXXXXXXXX

por esta parte

http%3A%2F%2Fwww.facebook.com%2Fnombre-de-la-página-de-facebook

y ya tendras tu caja bien modificada si teda error no dudes en comunicarte conmigo... xdxdxdx