كيفية اضافة Share Buttons عائمة الى مدونتك

بسم الله الرحمان الرحيم 

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

صورة للاضافة :

للمشاهدة الحية :

• 
  

ناتي الان للشرح :

اولا علينا ان نحمل نسخة احتياطية تفادي الى خطئ قد يقع ويسبب بعض المشاكل 

ثم نوسع القالب ونبحث عن: 

]]></b:skin>

قبلها مباشره نلصق الكود الموالي :

#sharebox {background-color:#FFFFFF;border-color:#C1CDCD;border-style:solid;border-width:1px;left:103px;bottom:40px;margin-top:10px;position:fixed;width:64px;}#sharebox .float {margin:7px}.FBConnectButton_Text{font-size: 8px;padding:2px 4px 3px !important;}

ثم نبحث عن السطر الثالي :

<div class='post-header-line-1'/>

قبله نضيف الكود التالي :

<b:if cond='data:blog.pageType == &quot;item&quot;'><div id='sharebox'><div class='float'><script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></div><div class='float'><a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/><div class='clear'/></div><div class='float'><a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='Post on Google Buzz'/><script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></div><div class='float'><script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/></div></div></b:if>

ثم نضغط حفظ للقالب :

Save Template