Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje08-08-2011, 18:47 (UTC)    
Título del mensaje: [HTML-CSS] Sistema de compartir De Blogger [Genial]

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


Ultima edición por brianpwg el Mie Sep 28, 2011 8:47 pm; editado 1 vez
Mensaje08-08-2011, 21:30 (UTC)    
Título del mensaje:

Buen post Brian, que bueno que experimentes con Blogger para traer más aportes a PwG.
______________
Off
Mensaje08-08-2011, 21:39 (UTC)    
Título del mensaje:

Fafo-ayuda Gracias fafo , y la verdad que Blogger trae muchos recursos que puedes Obtener mediante el css. Saludos
Mensaje10-08-2011, 01:59 (UTC)    
Título del mensaje:

Mensaje10-08-2011, 02:06 (UTC)    
Título del mensaje:

noti-gamer escribió:
Que buen aporte Brian lo usare

Saludos

Si lo usas por favor deja la Etiqueta
Mensaje14-08-2011, 13:23 (UTC)    
Título del mensaje: Re: Sistema de compartir De Blogger [Genial]

Excelente aporte brian
saludos.

______________
Visitar sitio web


Mensaje14-08-2011, 16:29 (UTC)    
Título del mensaje: Re: Sistema de compartir De Blogger [Genial]

Gracias todaweb7 Saludos
Mensaje01-02-2012, 15:20 (UTC)    
Título del mensaje:

Este tema sera removido, ya que no cumple las reglas para realizar aportes.

Reglas para realizar aportes:
http://www.paginawebgratis.es/forum/viewtopic.php?t=66177


saludes,
Team-Soporte.
______________
Team-Soporte.
Moderador de PaginaWebGratis.es

www.team-soporte.es.tl | @jeremymolina
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group