jueves, 18 de julio de 2013

Anadir Barra Lateral Fija de Medios Sociales a Blogger

By andante77 7:49 a.m. , , , , Leave a Comment
Anadir barra lateral fija medios sociales a blogger

En este tutorial te mostrare como añadir una barra fija de media social  a blog de blogger. Las ventajas de insertarla en tu pagina o blog puedes enlazar tu perfil de media social como Facebook, Twitter Google plus y Rss feed. Es atractiva y aparecera al borde lateral derecho de tu pantalla,ocupa poco espacio y se activa o expande al pasar el cursor sobre el mismo.
ejemplo:ve a http://tricksblogspot.blogspot.com/

Pasos para añadir este barra fija de media social a tu blogger.
1.Entra en tu cuenta de Blogger
2.Selecciona Diseño
3. Da Click Añadir un Gadget y selecciona 'HTML/Javascript
html -javascript


4. Copia y pega el codigo de abajo dentro espacio en HTML/Javascript


<style>
.menufijo{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh5kgxdc-uCeBfJanJ3E_yKYM4CltZEqe8Y3g8PrZIpoO98VlKXuVTHP2yClNrgVsS8QOmmMon18lLDALIWAYfD6-Balk_I94j_8KtMIRYtll58bAEthm0nF5gCrQmCX2jZUA6Y7vpYYk/s1600/facebook.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:160px; z-index:1000;}
.menufijo1{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkxYR7mxSZHSwbfI7xnbXQVzBBcAkdsHUjaYoqzwE9Riu0FDv4vmrtHv3zmGSqibldc6fIne2x9WbClEW6sIiRbm4gyszdWJPjrpXTMswZRAq3zZRqwlFZSAl_LNuRzZmAy44NowJU1r8/s1600/facebook-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:160px; z-index:1100;}
.menufijo_1{margin:0px 0 0 43px}
.menufijotw{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiCVd4J-XW8cM4akjmsvXOZVffk0hd2u_van9EZH8idJk8TITXsy4hGC2rAL1pF9fWwY_6lypi03osRSh_cxG5aR0j6_HAsiQC2BnwQR9C_D-oB_NxlOsZdwRs9xITQ7N3z_Ip3PQSipM/s1600/twitter.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:205px;z-index:1000;}
.menufijotw1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjedUiS0z0RDiJCg6QIDUuCbrK4rYdxjYBRvYIA30KfH1dMc6awpp_L31QLson0nYvoG8C1vdD4YqUTT3yOC_ikCb4aJicqv9yh8alxuOlo4u4zvj0hXyCQb78IunA3OQUKnSXhUXeTP0w/s1600/twitter_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:205px; z-index:1100;}
.menufijotw_1{margin:0px 0 0 43px}
.menufijofb{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb-PG2TmPX3n14Kt8mJtPJ8GUUVAqbWEW2bC_yOrHGj-uMWQHV3NA1eAUEiPbHdD8u-nUXDFUWykCf88rP5KkvzjDguEngtoXS_KatKL5TXXNKNuk-1kVfo5qaGHLH7Kletf11LIc64tA/s1600/Gplus.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:250px; z-index:1000;}
.menufijofb1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhohmrE7PwGNbYf0vb0r1tJv7nnctRiPXuvDVy6BfqubVYerq1KT0NxiRYreI-YnEAwANQuW7aUSjoUHgO1TmdzGFHuLEESel4KjDe1d3veuca2XFW-OZEJEgPE-HamSNVWk8Uzc-oHXUM/s1600/Gplus_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:250px; z-index:1100;}
.menufijofb_1{margin:0px 0 0 43px}
.menufijorss{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVs-1ipNC03c_BfsN1JxUZbXQdPm-IZ_uB7j8c-iHRMti7NQ_NPLme3o4zQD7f8tlwOALT1FNPg5nUe_VWavf2dAC4GnVRmUtbvpAVIFOuVONziOpEPC3kQma3N5UH6AkVe62D4xmd8BE/s1600/rss.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:295px; z-index:1000;}
.menufijorss1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcihPR-jQRPJckDTkBXlm1QuX3xOj3EEaxt0Lfozne6_FJ97N3R-TG5bJX2awT8-WYRFUIOaE8Zg-rGHm9E9_DvnQbrTe1fg7GT0HpXog7cqwF9ny5jrshhuMnYRTmNwAdqzhnXaPewwQ/s1600/RSS-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:295px; z-index:1100;}
.menufijorss_1{margin:0px 0 0 43px}
</style>
<div class='menufijo' onmouseout='this.className=&apos;menufijo&apos;' onmouseover='this.className=&apos;menufijo1&apos;'><div class='menufijo_1'>
<a href='https://www.facebook.com/trucosdeblogger' target='_blank'><img alt='Dale like en Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYqiWUQg33HMXdWML4l2b8m-mLEnahRB6Kz1_7CcMP_0qwadpmr_gxy2s59jAQ7jZCZJISfGmoDKb6yMQL7hQn7rUSqiMZmuuf74NIVf0V9k3LTclCLl4I0uo2f6wNqmWk7ygO9myeM3bx/s1600/facebook-hover1.png' title='Dale like en Facebook'/></a><br/>
</div></div><div class='menufijotw' onmouseout='this.className=&apos;menufijotw&apos;' onmouseover='this.className=&apos;menufijotw1&apos;'><div class='menufijotw_1'>
<a href='https://twitter.com/andante772' target='_blank'><img alt='Siguenos en Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6qcyoFffL2hCu9JZyESs-XIzu5SiV5-Nt3YL1ifhJuylR75avlGRLYUlvJca7GzNpkRLdxxi_VP_PaCfNG3mjaM_pQ_SS9rRseAHLnJEqWkM2myxD9qaq9rTl-g_xbGw3204gSZ6Bg4mY/s1600/twitter_hover1.png' title='Siguenos en Twitter'/></a><br/>
</div></div><div class='menufijofb' onmouseout='this.className=&apos;menufijofb&apos;' onmouseover='this.className=&apos;menufijofb1&apos;'><div class='menufijofb_1'>
<a href='https://plus.google.com/ID de Usuario' target='_blank'><img alt='Recomiendanos en Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGYjSmfmxsQ3_tQXlTWVVDdneBBrTbnYmy79b7Kv3DEvRLVW91jHOxmRSHl5aKszm8pyRo8lz4pqrSMx0Wa9wCBcBsA3cQv0RsV74GN7JQSzKg4pmWQuI52Y1gwAEjbTBEMu1beS5iZbYP/s1600/Gplus_hover1.png' title='Recomiendanos en Google Plus'/></a><br/>
</div></div><div class='menufijorss' onmouseout='this.className=&apos;menufijorss&apos;' onmouseover='this.className=&apos;menufijorss1&apos;'><div class='menufijorss_1'>
<a href='https://feeds.feedburner.com/supertrucosdeblogger' target='_blank'><img alt='Suscribeme en RSS' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDBDpwV6tEI0J7O5tTowIcfu67QPv6sPoqGGXByUJC-Oou0rFKwlqFZFgc93f3NXeJoHOkhQaa80Ss-a7apEAXFE-BodoBdogVowc6pEwSlUDHb2RAxK7Ff27kHIGl2VapHg_5FLXfoHkx/s1600/RSS-hover1.png' title='Suscribeme'/></a><br/>
</div></div>

Reemplace trucosdeblogger con tu nombre de usuario de Facebook
Reemplace andante772 con tu nombre de usuario de Twitter
Reemplace ID de Usuario con tu Id de Google plus
Reemplace supertrucosdeblogger con tu Id de Feedburner

5. Para finalizar guarda la HTML/Javascript'.
  Todo esta listo para que tus visitantes se suscriban a tu perfil de medios sociales....
If You Enjoyed This, Take 5 Seconds To Share It

0 comentarios:

Publicar un comentario