وضع أزرار فيسبوك وتويتر وجوجل +1 عائمة بجانب مدونتك

هل ترى الازرار الثلاثة العائمة على جانب المدونة؟
هل تريد مثلها؟

إليك الخطوات البسيطة:
1- ادخل على مدونتك من هذا الرابط
http://blogger.com
2- اضغط على زر "تصميم" أو "design" بجانب اسم مدونتك

3- اضغط على "إضافة أداة" أو "add gadget" كما بالصورة:

4- من الأدوات قم باختيار "Html/Javascript" لاضافتها

5- ستفتح لك صفحة قم بلصق الكود التالي وضعه في الخانة الكبيرة المخصصة لكتابة المحتوى:

<style>
#pageshare {position:fixed;bottom:15%; margin-right:-97px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.FBConnectButton_Text {
padding: 2px 1px 3px !important;
}

</style>
<div id='pageshare'>
<div class='sbutton' id='fb'>
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='box_count' send='false' show_faces='false'/>
</div>
<div class='sbutton' id='fb'>
<a expr:share_url='data:post.url' 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>
<div class='sbutton' id='rt'>
<g:plusone size="tall"></g:plusone>
</div>
<div class='sbutton' id='rt'>
<a class='twitter-share-button' data-count='vertical' expr:data-text='data:post.title' expr:data-url='data:post.url'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
<div style='clear: both;font-size: 9px;text-align:center;'> <a href='http://www.blogge-zoom.com/'>بلوجر</a></div>
</div>

ثم اضغط حفظ

7- الان قم بنقل الأداة التي أضفتها من الجانب إلى أسفل مربع التدوينات كما بالصورة

(اضغط على الصورة لتكبيرها )

8- الان آخر خطوة (وهي ضرورية لظهور زر جوجل) : اضغط على تحرير في مربع "رسائل المدونة الالكترونية" كما بالصورة:

ثم أزل علامة الصح من جانب "أزرار المشاركة" كما بالصورة:

الآن قم بحفظ التغييرات وشاهد الأزرار في مدونتك.

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

ملحوظة هامة:
لمن يستخدم قوالب معدلة وواجهته مشاكل في الطريقة السابقة ، يمكنه الاستعانة بالطريقة التالية:
1- ادخل على مدونتك > ثم تصميم > ثم تحرير HTML
2- قم ببسط الكود عن طريق التعليم على المربع المسمى "توسيع عناصر قوالب واجهة المستخدم"
3- ابحث عن السطر التالي:

<b:includable id='main'>

ثم أضف الكود السابق بعده مباشرة.
4- حفظ القالب
تمـ .