Cuantas personas Usan Blogger ? oh un Diseño de Blogger en Pwg ? si alguno lo usara notara esa Witget que trae para compartir las Redes sociales ? te gustaria tenerlo sin usar plantilla Blogger?
Lo que usaremos para este tutorial es Css y html .
Primero que nada vamos a Agregar esto en el Code Css sin Stylo Tags:
Cita: /* BRIANPWG ----------------------------------------------- */ .profile-img{float:$startSide;margin-top:0;margin-$endSide:5px;margin-bottom:5px;margin-$startSide:0;padding:4px;border:1px solid $bordercolor} .profile-data{margin:0;text-transform:uppercase;letter-spacing:.1em;font:$postfooterfont;color:$sidebarcolor;font-weight:bold;line-height:1.6em} .profile-datablock{margin:.5em 0 .5em} .profile-textblock{margin:0.5em 0;line-height:1.6em} .avatar-image-container{background:url(http://1.bp.blogspot.com/-yQ-tOMMfEgQ/TjhLORdSCWI/AAAAAAAAAUE/kvF7wT4dDj0/s000/comment-avatar.jpg);width:32px;height:32px;float:right;margin:5px 10px 5px 5px;border:1px solid #ddd;} .avatar-image-container img{width:32px;height:32px;} .profile-link{font:$postfooterfont;text-transform:uppercase;letter-spacing:.1em} #navbar-iframe{height:0;visibility:hidden;display:none;} /* -- social connect widget -- */ .social-connect-widget{background:#F0F0F0;padding:10px;border:1px solid #C9C9C9} .social-connect-widget:hover{border:1px solid #9F9F9F;background:#F4F4F4} .social-connect-widget a{text-decoration:none;font-weight:bold;font-family:Arial,Helvetica,Sans-serif;color:#666} .social-connect-widget a:hover{text-decoration:underline;color:#2289C4} .social-connect-widget img{vertical-align:middle;margin-right:5px}
Ahora pasamos al Div
Al sig codigo lo vamos a pegar donde queramos :
Cita: <div id="rsidebar-wrapper">
<div style="margin-top: 0px; margin-bottom: 10px;" class="social-connect-widget"><a href="http://brianpwg.es.tl"><img width="40" height="40" title="RSS Feed" src="http://cdn4.iconfinder.com/data/icons/social_balloons/128px/social_balloon-14.png" alt="Seguinos en Facebook" /></a><a href="http://brianpwg.es.tl">Hacete fan en Facebook!<br />
</a></div>
<div style="margin-bottom: 10px;" class="social-connect-widget"><a href="http://brianpwg.es.tl"><img width="40" height="40" title="Follow Us on Twitter!" src="http://cdn4.iconfinder.com/data/icons/social_balloons/128px/social_balloon-05.png" alt="Seguinos en Twitter" /></a><a href="http://twitter.com">Seguinos en Twitter</a><a href="http://superdesignart.blogspot.com/feeds/posts/default">!</a></div>
<div style="margin-bottom: 10px;" class="social-connect-widget"><a href="http://brianpwg.es.tl"><img width="40" height="40" title="Be Our Fan" src="http://cdn4.iconfinder.com/data/icons/social_balloons/128px/social_balloon-18.png" alt="Suscribite a Mi Canal" /></a><a href="http://brianpwg.es.tl">Suscribite a Mi Canal</a><a href="http://superdesignart.blogspot.com/feeds/posts/default">!</a></div>
</div>
Remarco : El codigo lo pueden pegar en el BOX.
Fuente : Blogger
¿Deceas ver una Vista Previa?
http://brianpwg.es.tl/redes.htm