Tutorial para lograr esto en Blogger, ¡Ayuda por favor!

  • Autor Autor priciliitaa
  • Fecha de inicio Fecha de inicio
P

priciliitaa

Gamma
Que Tal Amigos Hace Ya Un tiempo Necesito Buscar Algun Tutorial De Como Conseguir Esto.. Aver si Alguien Me Puede Ayudar!


SGZ3x.jpg

DE Ante Mano Muchas Gracias...
 
Última edición:
Botón Twitter: Enlace eliminado
Botón Google +: Enlace eliminado
Botón Taringa: Totalmente inutil :topsy_turvy:
Botón Facebook: Like Button - Facebook Developers

Copiás los códigos y los ponés en un gadget del tipo HTML en Blogger, o dentro de la plantilla.
 
Cartucho tiene razón, en esos links puedes encontrar los códigos que necesitas. Si estos quieres que aparezcan debajo del post debes incluirlos después de la etiqueta:

<div class='post-header-line-1'/>

Para ver esta etiqueta debes expandir los artilugios
 
Hace rato lo tenia en mi blog pero aca te dejo el codigo de esa caja para compartir

<!-- compartir y mas -->

<div id='footpost'>

<h1>Compartí este post con tus amigos!</h1>

<div class='compartir'>

<div class='boton'>
<!-- twitter -->
<a class='twitter-share-button' data-count='vertical' href='https://twitter.com/share'>Tweet</a><script src='//platform.twitter.com/widgets.js' type='text/javascript'/>
</div>

<div class='boton'>
<!-- google-plus -->
<g😛lusone size='tall'/>
</div>

<div class='boton'>
<!-- taringa -->
<script type='text/javascript'>(function(){var x=document.createElement('script'), s=document.getElementsByTagName('script')[0];x.async=true;x.src='http://widgets.itaringa.net/share.js';s.parentNode.insertBefore(x,s)})()</script>
<t:sharer data-layout='big'/>
</div>

<div class='boton'>
<!-- facebook -->
<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = &quot;//connect.facebook.net/es_ES/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class='fb-like' data-font='lucida grande' data-send='true' data-show-faces='false' data-width='370'/>
</div><!-- boton face -->


</div><!-- fin div/compartir -->

<div class='fuuseguir'>

<h1 style='padding:10px 0 7px 10px !important; font-size:16px !important;'>...o también puedes seguir el blog en:</h1>

<div class='compartir'>

<div class='boton'>

<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class='fb-like' data-font='lucida grande' data-href='ACA_LINK_DE_TU_PÁGINA_DE_FACEBOOK' data-layout='button_count' data-send='false' data-show-faces='false' data-width='150'/>

</div>

<div class='boton'>

<a class='twitter-follow-button' data-lang='es' href='http://twitter.com/ACÁ_SOLO_TU_USUARIO_DE_TWITTER'>Follow @ACÁ_SOLO_TU_USUARIO_DE_TWITTER</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

</div>

</div>

</div><!-- fin fuuseguir -->

</div><!-- /footpost -->

<!-- fin contenedor compartir -->

Pega el codigo anterior debajo de <div class='post-footer-line post-footer-line-1'>

Hay algunas partes que salieron con la carita solo reemplaza 😱
 
He puesto el codigo en mi blog pero no quedaba bien, he añadido un gadget que ya había predefinido y ha quedado mejor, gracias de todas formas...

Un saludo!!!
 
Y en wordpress me imagino seran plugin, o es el mismo codigo? saludos 😉
 
Atrás
Arriba