إضافة ازرار المشاركات أسفل المواضيع

إضافة أزرارالمشاركات على شبكات التواصل الإجتماعى للبلوجر أسفل المواضيع  والتي أصبحت إضافة حتمية زيادة على تغير أشكالها وأحجامها كم أنها تحتوي على أزرار الفيس بوك وشاركه وتويتر و جوجل 

لتركيب الإضافة إذهب إلى قالب ثم تحرير HTML
ثم إبحث عن الوسم التالي : </head>  
ثم ضع الكود التالي قبله تماما 

  <b:if cond='data:blog.pageType == &quot;item&quot;'>

<script type='text/javascript'>

// Twitter

(function (a, b, c){var d=a.getElementsByTagName(b)[0];if (!a.getElementById(c)){a=a.createElement(b);a.id=c;a.src="//platform.twitter.com/widgets.js";d.parentNode.insertBefore(a, d)}})(document, "script", "twitter-wjs");

// Stumbleupon

(function (){var a=document.createElement("script");a.type="text/javascript";a.async=true;a.src="https://platform.stumbleupon.com/1/widgets.js";var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a, b)})();

</script>

<style type='text/css'> 

/*Social Bar By http://kinas3.blogspot.com//*/

#SocialBar {

  float: right;

box-shadow: 5px 5px 5px #B3B3B3;

background-color: #FFF;

width: 610px;

border: 1px solid #BBB;

margin: 15px;

border-radius: 5px;

}

.headingsharer h5 {

    float: right;

    padding-right: 20px;

    padding-top: 18px;

    text-transform: uppercase;

    font-weight: bold;

    margin: 0px;

    padding-left: 10px;

}

.tweeetero, .fbwolo, .g-plusones, .stumblo {

float: left;

padding-top: 10px;

padding-bottom: 5px;

margin: 0px 0px 0px -4px;

padding-left: 93px;

}

.g-plusones {

   margin-left: -14px;

}

</style>

</b:if></b:if>   

ثم إبحث عن الوسم التالي  <div class='post-footer'>
تنبيه : ربما تجد حوالي ثلاثة أوسمة أو أكواد مثله فما عليك إلاّ إختيار الثالث 
ثم ضع الكود التالي أسفله 

 <b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='SocialBar'>

<div class='headingsharer'>

</div>

<div class='tweeetero'>

<a class='twitter-share-button' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>غرد</a>

</div>

<div class='fbwolo'>

<iframe allowTransparency='true' expr:src='&quot;//www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=button_count&amp;width=85&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:85px; height:21px; margin: 0px 14px 0px -70px; }'/>

</div>

<div style='float: left; margin: 10px -70px 0px 17px; '>

<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>

<div class='g-plusones'>

<div class='g-plusone' data-size='medium' expr:data-href='data:post.url'/>

</div>

</div>

</b:if>