viernes, 24 de febrero de 2012

Como poner varios botones de redes sociales en mi blog


Sin Duda alguna, es muy importante hoy en día estar en varias redes sociales, porque de esta manera, si tienes algo muy importante que decir a tus, amigos, familiares o publico en general. definitivamente esta es una verdadera forma de hacer llegar tu información a todo el mundo. ya que existen diferentes gustos y modalidades, en cual unos están en diversos medios y redes sociales, es por ello que tu debes de contar con estos fabulosos botones, para las entradas de tus blogs.




Es por ello que aquí abajo de este articulo encontraras un vídeo tutorial de como colocar estos botones en tu blog. de igual manera te dejo los códigos htlm que vas a necesitar.

Vídeo de como poner mas botones de redes sociales. 

Estos son los códigos que hay que poner

<div class='rsociales'>
Agrégame a tus marcadores favoritos:
<ul>
<li><a expr:href='"http://www.technorati.com/faves?add=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Technorati' class='rsociales-sobre' src='http://bp1.blogger.com/_Zuzii37VUO4/Rjl62eMBQ0I/AAAAAAAAAto/zkas68GmVFk/s1600/technorati.gif'/></a></li>
<li><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Del.icio.us' class='rsociales-sobre' src='http://bp3.blogger.com/_Zuzii37VUO4/Rjl68-MBQ1I/AAAAAAAAAtw/Mftx1_Bi_oY/s1600/delicious.gif'/></a></li>
<li><a expr:href='"http://digg.com/submit?phase=2&amp;amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a DiggIt!' class='rsociales-sobre' src='http://bp2.blogger.com/_Zuzii37VUO4/RjlY7uMBQrI/AAAAAAAAAsg/ov73dLSsrtA/s1600/digg.png'/></a></li>
<li><a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Yahoo!' class='rsociales-sobre' src='http://bp1.blogger.com/_Zuzii37VUO4/RjlZLeMBQtI/AAAAAAAAAsw/bNmkgSj_jj0/s1600/yahoo.png'/></a></li>
<li><a expr:href='"http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Google' class='rsociales-sobre' src='http://bp3.blogger.com/_Zuzii37VUO4/Rjl6z-MBQzI/AAAAAAAAAtg/-13NieAS3J8/s1600/google.gif'/></a></li>
<li><a expr:href='"http://meneame.net/submit.php?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Meneame' class='rsociales-sobre' src='http://bp3.blogger.com/_Zuzii37VUO4/Rjlct-MBQyI/AAAAAAAAAtY/UtGxUlBA7mc/s1600/meneame.png'/></a></li>
<li><a expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Furl' class='rsociales-sobre' src='http://bp3.blogger.com/_Zuzii37VUO4/Rjlaa-MBQuI/AAAAAAAAAs4/7hoQkbJNkUw/s1600/furl.png'/></a></li>
<li><a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Reddit' class='rsociales-sobre' src='http://bp2.blogger.com/_Zuzii37VUO4/RjlbHuMBQvI/AAAAAAAAAtA/L0TsC3OUUyI/s1600/reddit.gif '/></a></li>
<li><a expr:href='"http://ma.gnolia.com/beta/bookmarklet/add?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Magnolia' class='rsociales-sobre' src='http://bp2.blogger.com/_Zuzii37VUO4/RjlbWuMBQwI/AAAAAAAAAtI/Vy_xjt3iY80/s1600/magnolia.gif'/></a></li>

Recuerda tienes que ponerlo abajo de esta etiqueta 

Clas=´post-footer-line post-footer-line-3´

para buscar esta etiqueta copeala desde aquí y dale click a la tecla (Ctrl) mas la tecla (F) y la pegas como lo indica el video. 


posteriormente buscas la siguiente etiqueta


]]></b:skin>


y le pegas el siguiente código


.rsociales ul {
display:inline;
margin:0pt !important;
padding:0pt !important;
}
.rsociales li {
background:transparent none repeat scroll 0%;
display:inline;
list-style-type:none;
margin:0pt;
padding:2px;
}
.rsociales img {
border:0pt none;
float:none;
margin:0pt;
padding:0pt;
}
.rsociales-sobre {
opacity:0.4;
}
.rsociales-sobre:hover {
opacity:1;

Recuerda es arriba de la etiqueta ]]></b:skin>


y Listo ya te quedaran los botones de esta manera








3 comentarios:

  1. Los codigos que estas dando estan malos por ejemplo el de
    Clas=´post-footer-line post-footer-line-3´
    lo tube que acomodar porque en realidad es
    Class='post-footer-line post-footer-line-3'

    Fijate en lo que haces, y los codigos htm que distes estan malos

    ResponderEliminar
  2. saludos no funciona los codigos parece q estan mal que pena pense q me funcionaria aver si le das un vistazo GRACIAS

    ResponderEliminar
  3. hola como hagao para poner el pajarito twitter en word press?

    ResponderEliminar