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

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

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

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

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

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;

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