Los Medios Sociales juegan un papel importante en la propagacion o divulgacion del contenido de los articulos que escribas en tu blog de blogger.Es por eso de la importancia de tener el widget debajo de cada entrada o articulo para que los lectores una vez terminado de leer puedan recomendarlos en las redes sociales para que otras tengan la oportunidad de disfrutar de un buen tema de interes.
Por eso en esta ocasion el tutorial se basa en eso como añadir un widget atractivo debajo de tus entradas o artuclos de blogger.Las Caracteristicas de este widget contiene botones de principales redes sociales tales como facebook,google plus,twitter y stumble Upon.
La segunda caracteristica de este widget es que esta hecho usando Html y codigo de javascript,El html se uso para disenarlo y el javascript para ponerlo a funcionar,es uno de tipo ligero y de gran diseno que anadira atractivo a tu blog.
Ejemplo:
Como añadirlo en tu blog de blogger.
Es un proceso sencillo y añadiremos codigo dentro de la plantilla.
1.Entra en tu cuenta de blogger
2.Vaya a Editar Html y busque la siguiente etiqueta </head>
3. Copie y pegue el siguiente codigo antes de la etiqueta </head>
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>
4.Ve de nuevo a Editar Html y busca la siguiente etiqueta
<data:post.body/> y en algunas platillas aparece acompanado de <p><data:post.body/></p> y pega el siguiente codigo debajo de <data:post.body/>.
<b:if cond='data:blog.pageType == "item"'>5.Haga Los Siguente Cambios
<div style='padding:4px;'>
<table border='0'>
<tbody><tr>
<td>
<div style='margin-right:10px;'>
<a class='twitter-share-button' data-count='horizontal' data-via='Andante772' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
</td>
<td>
<div style='margin-right:10px;'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=100& action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; margin-left:0px; width:100px; height:20px;'/>
</div>
</td>
<td>
<div style='margin-right:10px;'>
<g:plusone expr:href='data:post.url' size='medium'/>
</div>
</td>
<td><div style='margin-right:10px;'>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>
</td>
<td>
<div style='margin-right:10px;'>
<script expr:src='"http://www.stumbleupon.com/hostedbadge.php?s=1&r=" + data:post.url'/>
</div>
</td>
</tr>
</tbody></table></div>
</b:if>
a.Reemplace el nombre en color amarillo por nombre de usuario de tu cuenta de twitter.
b.Puedes aumentar la anchura del borde del widget cambiando el valor 0 por defecto.
c.Solo chequea tu blog para que veas este widget en funcion.
u_u no lo encontré el ... ¿como puedo buscarlo? ¿Sabrás? No sé que estoy haciendo mal. :P GRacias!
ResponderBorrar