Agrega tus propios marcadores sociales a tu blog

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

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

 Debes entrar a la Edicion 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>

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

Si necesitas otros servicios sociales no dudes en perdilos.

Con el anterior codigo los iconos se veran solo en las entradas si quieres que se vean en todo el blog debes quitar los siguientes codigos:

Este codigo 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.