Facebook twitter google widget pour blogger

Tournons Vers les Blogueurs qui utilisent la Plateforme Blogger , je vous Explique comment ajouter widget pour vos blog , le plugin est faire partager votre site votre Articles et page sur facebook , Twitter et google plus avec un bon effet une bonne position sur le site.
1 - passer vers votre panneau de configuration Blogger .
2 - Mise en page est ajouter une widget HTML/JAVASCRIPT







Puis Ajouter le Code suivant :



 

<!-- floating share bar Start devlopez.blogspot.com-->
<style type="text/css">
#pageshare {position:fixed; bottom:25%; margin-left:-743px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;/*bs-fsmsb*/margin:5px 5px 0 5px;}
</style>
<!-- Twitter tweet button Start -->
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='sbutton'>
<a class='twitter-share-button' data-count='vertical' expr:data-text='data:post.title' expr:data-url='data:post.url' data-via='ITDEVELOPEMENT' data-related='' href='http://twitter.com/share'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
</div>
</b:if>
<!-- Twitter tweet button End -->
<div class='sbutton' id='like' style='margin-left:8px;'>
<div id="fb-root"></div>
<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 = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-send="false" data-layout="box_count" data-width="40" data-show-faces="false"></div>
</div>
<div class='sbutton' id='gplusone'>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone>
<!-- floating share bar End --></div></div>
3 - Changer Votre Username de Tiwtter par le votre.

Enregistrer vos Modification .

Enjoy ! .

1 Comments

Previous Post Next Post