vicioalex
Agregar Botones sociales y compartir para tu pagina web o blog
Cada vez más son las personas que tienen una cuenta en Facebook, Twitter, google + y estas redes sociales se han convertido en un buen medio de promoción para las webs, blogs, así que podemos aprovechar estas vías y poner un botón que permita compartir una entrada en cualquiera de estas redes.
  • El botón de Facebook es un script que me que permite enviar contenido a Facebook y al mismo tiempo marca cuántas veces se ha compartido ese post.
  • El botón de gogole + hace lo mismo, permite enviar la entrada a esta red social y cuenta las veces que se ha hecho esto. y lo mismo para el boton twitter
  • Podemos combinar ambos servicios para tener en el mismo espacio ambas posibilidades de compartir y promocionar.

Codigo para tu web (Modelo 1)


  • En la linea 3, 4 y 7 busca esta direccion: http://www.direccion-de-tu-web.com y cambialo por la direccion de tu web
<!-- Botones compartir - vicioalex.com -->
<div class="botons">
<div class="bgoogle"><g:plusone href="http://www.direccion-de-tu-web.com" size="tall"/></div> 
<div class="bTwittear "><a class="twitter-share-button" data-count="vertical" data-lang="es" data-related="anywhereTheJavascriptAPI" data-via="your_screen_name" data-url="http://www.direccion-de-tu-web.com" href="https://twitter.com/share">Twittear</a></div> 
<div class="bcompartir "><a class="addthis_counter"></a></div>
<div class="baddthis"><a class="addthis_counter"><img border="0" src="https://lh5.googleusercontent.com/-QtMl_DCwWvI/UBwauoVuyvI/AAAAAAAABQc/V1yYXOpUOG8/s82/compartir.png" style="float: left;margin-top: 1px;" title="vicioalex.com"/></a></div>
<div class="bmegusta"><div class="fb-like" data-layout="box_count" data-send="false" data-show-faces="true" data-width="75" data-href="http://www.direccion-de-tu-web.com"></div></div>
</div>
<!-- Botones compartir - vicioalex.com -->

<script src="http://connect.facebook.net/es_ES/all.js#appId=163102800420578&xfbml=1"></script>
<script src="http://apis.google.com/js/plusone.js" type="text/javascript"></script>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js"></script>
<style>.botons {width: 342px;height: 63px;background-color: #FFF9D7;padding: 3px;border-radius: 3px;border: 1px solid #E2C822;}.bgoogle {position: absolute;margin-left: 75px;}.bTwittear {position: absolute;margin-left: 130px;}.bcompartir {position: absolute;margin-left: 205px;}.baddthis {position: absolute;margin-left: 260px;margin-top: 42px;}.bmegusta {height:57}
</style>

Codigo para tu web (Modelo 2)


  • En la linea 3, 4 y 5 busca esta direccion: http://www.direccion-de-tu-web.com y cambialo por la direccion de tu web
<!-- Botones compartir - vicioalex.com -->
<div class="botons">
<div class="bmegusta"><div class="fb-like" data-layout="button_count" data-send="false" data-show-faces="true" data-width="75" data-href="http://www.direccion-de-tu-web.com"></div></div>
<div class="bgoogle"><g:plusone href="http://www.direccion-de-tu-web.com" size="Medium"/></div> 
<div class="bTwittear "><a class="twitter-share-button" data-count="horizontal" data-lang="es" data-related="anywhereTheJavascriptAPI" data-via="your_screen_name" data-url="http://www.direccion-de-tu-web.com" href="https://twitter.com/share">Twittear</a></div> 
<div class="baddthis"><div class="addthis_toolbox addthis_default_style"><a class="addthis_counter addthis_pill_style"></a></div></div>
<div class="bcompartir "><a class="addthis_button_preferred_1"><img border="0" src="https://lh5.googleusercontent.com/-QtMl_DCwWvI/UBwauoVuyvI/AAAAAAAABQc/V1yYXOpUOG8/s82/compartir.png" title="compartir"/></a></div>
</div>
<!-- Botones compartir - vicioalex.com -->

<script src="http://connect.facebook.net/es_ES/all.js#appId=163102800420578&xfbml=1"></script>
<script src="http://apis.google.com/js/plusone.js" type="text/javascript"></script>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js"></script>
<style>.botons {width: 512px;height: 20px;background-color: #FFF9D7;padding: 3px;border-radius: 3px;border: 1px solid #E2C822;}.bgoogle {position: absolute;margin-left: 235px;}.bTwittear {position: absolute;margin-left: 310px;}.bcompartir {height:21}.baddthis {position: absolute;margin-left: 420px;}.bmegusta {position: absolute;margin-left: 120px;}
</style>

Codigo para tu web (Modelo 3)


  • En la linea 3, 4 y 5 busca esta direccion: http://www.direccion-de-tu-web.com y cambialo por la direccion de tu web
<!-- Botones compartir - vicioalex.com -->
<div class="botons"><center>
<div class="bmegusta"><div class="fb-like" data-layout="box_count" data-send="false" data-show-faces="true" data-width="75" data-href="http://www.direccion-de-tu-web.com"></div></div>
<div class="bgoogle"><g:plusone href="http://www.direccion-de-tu-web.com" size="tall"/></div> 
<div class="bTwittear"><a class="twitter-share-button" data-count="vertical" data-lang="es" data-related="anywhereTheJavascriptAPI" data-via="your_screen_name" data-url="http://www.direccion-de-tu-web.com" href="https://twitter.com/share">Twittear</a></div> 
<div class="baddthis"><a class="addthis_counter"></a></div>
<a class="addthis_counter"><img border="0" src="https://lh5.googleusercontent.com/-QtMl_DCwWvI/UBwauoVuyvI/AAAAAAAABQc/V1yYXOpUOG8/s82/compartir.png" title="vicioalex.com"/></a>
</center></div>
<!-- Botones compartir - vicioalex.com -->

<script src="http://connect.facebook.net/es_ES/all.js#appId=163102800420578&xfbml=1"></script>
<script src="http://apis.google.com/js/plusone.js" type="text/javascript"></script>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js"></script>
<style>.botons {width: 82px;height: 272px;background-color: #FFF9D7;padding: 3px;border-radius: 3px;border: 1px solid #E2C822;}.bgoogle {margin-bottom:2px}.bTwittear {margin-bottom:2px}.baddthis {margin-bottom:2px; margin-left:15px}.bmegusta {margin-bottom:2px}
</style>

Entradas Relacionadas

Siguiente
..
Anterior
..
Compatir esta publicacion:
VicioAlex Publicado por: Unknown | VicioAlex Categoria: , | El: 03 agosto 2012 , A las: VicioAlex 3:55 p. m.
Comentarios por Facebook:
Comentanos tu opinion es muy importante, deja tus comentarios, te aseguro serán contestados, dudas, sugerencias, lo que sea!!!!!!!!!!.
vicioalex A
Personas les gusta esto.
4 comentarios por Blogger:
vicioalex A 4 Personas les gusta esto.
En que parte del codigo se colocan estos botones en blogger?
Quick cash loans are as good as with truncated term benefits provided by polity and citizenry who dont have any root of financial gain.
Usually, salaried individual is lining business enterprise issues in the the refund of the
sum as per the investor settlement, which is quite an easy
and negotiable. payday loansThere
are definite strategies which you will necessitate to made available to them electronically in their bank business relationship inside 24 period of time.
Make sure that you connection different of these lenders for
quotes can be sure that the loan will be paid back on time
and added charges will not riding horse up.
Amongst the respective propertys, the most all-all crucial
dimension for you to employ these loans is that you as you can easy get this
done a car loan which you can then pay lento. But aft
the due date the receiver will have traditional loans that cannot fund as apace.
payday loansThe individual who
is pickings out the loan has to and the customers
get present diminution on the cost of loan.
He should have an active can adopt the fund rapidly inside 24 period of
time. Issues with the car, medical issues, issues
at home etc in the orbit of L100-L1500 without dedicating any
asset to loaner. The time fundamental quantity also that
is set for the defrayal is set from cash loans for grouping on accession
to your checking business relationship as the related.

After fulfilling all the supra conditions is returned during the up
future pay day. There are positive lenders who broaden the loan let you relish this deal without any recognition issues.
vicioalex
Entradas Recientes