Ajouter un widget flottant de partage à votre Blog

on


Ajouter un widget flottant  de partage à votre Blog


les Boutons Partager sociale gadget sont sans aucun doute les meilleurs gadget qui peut vous aider à augmenter le partage du contenu de votre blog sur les sites de médias sociaux qui vous apportent de plus en plus de trafic pour votre blog. Vous fournissez un contenu de qualité et vos lecteurs ne partagez pas parce que vous n'avez pas ajouté de widget part sociale dans votre blog.

Voici quelques étapes très simples que vous devez suivre pour ajouter ce gadget dans votre blog blogspot.
  •      Accédez à votre tableau de bord Blogger.
  •      Aller au modèle.
  •      Maintenant sauvegarder votre modèle de blog.
  •      Maintenant, accédez à Modifier le code HTML >> Cocher Développer modèle de widget.
  •      Appuyez sur CTRL + F et recherchez
<b:includable id='post' var='post'>
  • Maintenant, collez le code ci-dessous juste après. 
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style>
.mbt_social_floating{
    position:fixed; bottom:10%; margin-left:-60px; float:left;     width:60px;
    background-color:#f7f7f7;     padding: 5px 0 0px 0px;
     border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
z-index:9999px !important;
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
}
.mbt_social_floating .mbt_side_social_button{
    margin-bottom:5px;
    float:none;
    height:auto;
    width:60px;
}
.mbt_social_floating .st_twitter_vcount, .mbt_social_floating.st_plusone_vcount, .st_email{
    margin-left:5px;
}
.mbt_social_floating .st_fblike_vcount{
    margin-left:5px;
}
.mbt_social_floating .stButton_gradient{
    background:none !important;
    height:21px !important;
    padding-left:0 !important;
}
.mbt_social_floating .chicklets, .mbt_social_floating .stMainServices {
    background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgov2yr0EQqNMO_JGGNwYyBocxzNjGPOsj9mmRJX9Rq7VxiykUt6jXC6XSU2zLXgQ-cvRr8J61bj6Dsz8Fy_HapV6ejA16A7Js8kccqyv3SDWpmKD0dhS0V6wmMN5Wm3HyhgZulvb_13yn1/s400/gc_social_sprite.gif&#39;) no-repeat !important;
    height:19px !important;
    width:45px !important;
    padding:0 !important;
}
.st_email .chicklets{
    background-position:0 -77px !important;
    background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgov2yr0EQqNMO_JGGNwYyBocxzNjGPOsj9mmRJX9Rq7VxiykUt6jXC6XSU2zLXgQ-cvRr8J61bj6Dsz8Fy_HapV6ejA16A7Js8kccqyv3SDWpmKD0dhS0V6wmMN5Wm3HyhgZulvb_13yn1/s400/gc_social_sprite.gif&#39;) !important;
}
.mbt_social_floating .st_twitter_vcount .st-twitter-counter{
    background-position:0 -58px !important;
}
.mbt_social_floating  .stButton_gradient{
    border:none !important;
}
.mbt_social_floating .stBubble_count{
    width:44px !important;
    font-size: 15px !important;
    font-weight: normal !important;
    padding-top:7px !important;
    height:23px !important;
    background:none !important;
}
.mbt_social_floating .st_twitter_vcount .stBubble_count{
    color:#00a6df;
    background-color:#f8fbfc !important;
}
.st_fblike_vcount{
    margin-bottom: 0px;
    display: block;
}
.st_twitter_vcount{
    margin-bottom: 3px;
    display: block;
}
.st_email{
    margin-bottom: 5px; margin-top: 3px;
    display: block;
}
.mbt_social_floating .stBubble{
    background-position: 21px 31px !important;
    height:35px !important;
}.mbt_social_floating .st_pinterest_vcount{
    margin-left:5px;
}
.mbt_social_floating .st_pinterest_vcount .st-pinterest-counter{
    background-position:0 -19px !important;
}
.mbt_social_floating .st_pinterest_vcount .stBubble_count{
    color:#FF0505;
    background-color:#fbf8f8 !important;
}
.mbt_social_floating .st_pinterest_vcount .stBubble{
    background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3ccvUmA_injGj0_vM3ZS1WiTdnS2QRmUizdeqp5UaublTp08IsCh61EkVUBUcrDcacIt6LR6H5OpeMuEsFt7y13cD5WXaJGj4ZtMR54F1PxCy-U_TKTkfvARpVIvbu4jDYhoHVSsEHMru/s400/bubble_arrow_pinterest.png') !important;
}

.st_pinterest_vcount{
    margin-bottom: 0px;
    display: block;
}
</style>
<div class='mbt_social_floating'>
    <script type='text/javascript'>var switchTo5x=true;</script>
    <script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
    <script type='text/javascript'>stLight.options({onhover:false, , doNotHash: true, doNotCopy: true, hashAddressBar: false});</script>
    <!-- No more works properly so removing it from mbt list<span class='st_fblike_vcount' displaytext=''/>-->
<div style='margin:0px 0 0px 10px;'><div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='box_count' send='false' show_faces='false'/></div>
    <span class='st_twitter_vcount' displaytext='' st_via='mlk azz '/>
<span class='st_pinterest_vcount' displaytext=''/>
<div style='margin:0px 0 0 5px;'>
    <span class='st_plusone_vcount' displaytext=''/>
</div>
 
<div class='addthis_toolbox addthis_default_style ' style='margin:5px 0px 5px 8px;'>
<a class='addthis_counter'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
<script type='text/javascript'>
var addthis_config = {
     ui_cobrand: &quot;MY BLOGGER TRICKS&quot;,
ui_header_color: &quot;#ffffff&quot;,
     ui_header_background: &quot;#0080FF&quot;
}
</script>
<span class='st_email' displaytext=''/>
<p style=' line-height:0px; font-size:10px; font-weight:bold; text-align:center;'><a rel="nofollow" href='http://www.bloggertipstricks.com/2013/03/floating-share-buttons-gadget.html' style='color:#CAC8C8;'>Widgets</a></p>
</div>
</b:if></b:if> 
  • Changer  mlk azz  par votre nom du compte Twitter !
c'est terminé  :)


Comments

Post a Comment