اضافة ايقونات المواقع الاجتماعية العائمة الى جانب البلوجر

ربما لا تعلم ان المواقع الاجتماعية تساعد بجزء كبير فى عملية اشهار موقعك وجعله يحتل مركز اكبر فى ترتيب المواقع ، ولهذا يجب عليك تثبيت اضافات ايقونات المواقع الاجتماعية ليس هذا فقط بل يجب ان تتأكد من انها تظهر فى جميع الصفحات ويستطيع ان يراها الزائر دائما .

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

يمكنك رؤية الاضافة حية فى مدونتى 

للتفعيل الاضافة :

1-اذهب الى التخطيطات 

2-اختار "اضافة اداة "

3- قم بنسخ الكود التالى وضعه بالاداة الجديدة 

<style type="text/css">#social-buttons { position:fixed; bottom:15%; margin-right:402px; float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#fff; padding:0 0 2px 0; z-index:10; } #social-buttons .button-share { float:left; clear:both; margin:5px 5px 0 2px; } </style><div id='social-buttons' title="Get this from qassemblog.blogspot.com"><div class='button-share' id='like' style='margin-left:7px;'><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><br /><div class='sbutton' style="margin-left: 2px;" ><a class='twitter-share-button' data-count='vertical' data-via='qassemblog' expr:data-counturl='data:blog.url' href='http://twitter.com/share' rel='nofollow'>Tweet</a><script src='http://platform.twitter.com/widgets.js'; type='text/javascript'></script><br /><div class='button-share' style="margin-left: 3px;" id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div><div class='button-share' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div><div class='button-share' style='margin-left:3px;' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div><div style="clear: both;font-size: 9px;text-align:center;">Get <a style="color: #3399BB;" href="http://qassemblog.blogspot.com/">widget</a></div></div></div>

لضبط مكان الاداة لتناسب مدونتك قم بتغير القامتين :

bottom:15%; 

margin-right:402px;

ومبروك عليك الاضافة اترك اى مشكلة تواجهك فى التعليقات