إضافة ازرار المواقع الإجتماعية للمدونة

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

لتركيب الإضافة إذهب إلى قالب ثم تحرير 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>