En esta oportunidad les enseñare como agregar sus propios marcadores sociales sociales al blog..

Ya que muchos no están conformes con los marcadores que encuentran en la red y quisieran agregar los suyos y no saben pues hoy se los explicare.

Agrega tus propios marcadores sociales a tu blog

 


Debes entrar a la Edición HTML de tu blog y con los artilugios expandidos busca la siguiente linea:

<div class='post-footer-line post-footer-line-1'>

Ahora debajo de lo anterior pega lo siguiente:

 <b:if cond='data:blog.pageType == &quot;item&quot;'><span style='float: left; '>

<a class='twitter' expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot;: &quot; + data:post.url' rel='nofollow' target='_blank' title='Twittear'><img src='URL IMAGEN ICONO DE TWITTER'/></a>

<a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url+ &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Compartir en Facebook'><img src='URL IMAGEN ICONO DE FACEBOOK'/></a>

<a class='correo' expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Enviar por correo electrónico'><img src='URL IMAGEN ICONO DE ENVIAR POR CORREO'/></a>
<a class='technorati' expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Technorati'><img src='URL IMAGEN ICONO DE TECHNORATI'/></a>

<a class='reddit' expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Reddit'><img src='URL IMAGEN ICONO DE REDDIT'/></a>

<a class='stumbleupon' expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Stumbleupon'><img src='URL IMAGEN ICONO DE STUMBLEUPON'/></a>

<a class='delicious' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Delicious'><img src='URL IMAGEN ICONO DE DELICIOUS'/></a>

<a class='yahoo' expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?url&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Yahoo!'><img src='URL IMAGEN ICONO DE YAHOO'/></a>

<a class='myspace' expr:href='&quot;http://www.myspace.com/Modules/PostTo/Pages/?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' rel='nofollow' target='_blank' title='Compartir en Myspace'><img src='URL IMAGEN ICONO DE MYSPACE'/></a>
</span>
</b:if>

Aquí en este paso debes reemplazar lo que esta en color azul por lo que se indica.

Si necesitas otros servicios sociales no dudes en pedirlos.

Con el anterior código los iconos se verán solo en las entradas si quieres que se vean en todo el blog debes quitar los siguientes códigos:

Este código que esta al principio del bloque

<b:if cond='data:blog.pageType == &quot;item&quot;'>

Y este que esta al final:

 </b:if>

Espero que les haya sido de utilidad este tutorial.


13 comentarios

Paula Linares · agosto 28, 2012 a las 9:08 am

Hola.
No se que le ha pasado a mi blog pero no me salen los gadgets de los lados en la pagina principal.Me puedes ayudar?
paulilinares.blogspot.com.es/

    Juvinao · agosto 28, 2012 a las 7:56 pm

    Paula tu blog es diseñado mediante el diseñador de plantillas,seguro cambiastes el ancho o el numero de las columnas,tienes que revisar esa parte.

Anonymous · octubre 1, 2012 a las 8:11 pm

Y para google plus como sería?

    Juvinao · octubre 1, 2012 a las 8:36 pm

    El boton +1 ya viene con la funcion para compartir en G+ pero si quieres añado el codigo para compartir en G+..

Gleimir Hernandez · octubre 18, 2012 a las 1:22 pm

como consigo los URL de los iconos??

    Juvinao · octubre 19, 2012 a las 12:16 am

    Gleimer la URL de los iconos corresponde a la URL de las imágenes osea los emoticones :cold:

elcanario garcia perez · enero 5, 2013 a las 1:24 am

Hola soy el pesado otra vez un saludo,mira tengo un pequeño problema,tengo varios blog y quiero quitarles a todos el botón de facebook,mi pregunta es si se pueden colocar por separado,y te dirás que extraño no? todo el mundo se vuelve loco por facebook y tu los quieres anular,pues si.denuncie una pagina neonazislleida a facebook y me ignoro diciéndome que no tenia razón y por ello decidí cerrar mi cuenta y toda su publicidad y botones,mientras esa cuenta siga en facebook,tiene sus pegas,ahora no puedo saberlo a no ser que entre desde el de un amigo,la homofobia, discriminación étnica,y un largo etc le parecen poco a facebook,pues que se queden con su maravillosa red,voy a seguir mirando y aprendiendo,en tu blog

elcanario garcia perez · enero 5, 2013 a las 3:53 am

no se si aceptaras un consejo,bueno yo te lo doy,esta muy bien el post pero sin las url del resto de botones,los novatos como yo tenemos que andar buscando,para que sean iguales o parecidos fuera de tu blog,si estuvieran aquí posiblemente nos quedaríamos a copiar y pegar y quizás miraríamos algo mas,pero como me tengo que ir,al final seguro que no los encontrare,haber si los consigo por ahí,un saludo

    Hayder Juvinao · enero 8, 2013 a las 12:15 am

    Amigo hay mas marcadores sociales con una gran variedad de redes sociales, puedes buscarlas aqui mismo 😛

elcanario garcia perez · enero 5, 2013 a las 6:01 am

Hola no se lo que pasa pero no salen los botones,puse las url mías y la de los botones y publico y nada,iba a dejarte un enlace de donde los había sacado y como pero,va a ser que tengo que seguir buscando,un saludo.

seorimícuaro · febrero 22, 2013 a las 9:16 pm

Gracias por el truco, desde hace rato los andaba buscando para agregarlos a mi blog

Deja una respuesta

Marcador de posición del avatar

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *