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

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

هل ترى هذه الازرار في هذه الصورة هل تريد مثلها

الان يمكنك ذلك عبر الشرح التالي

1 /  ادخل الى مدونتك  عبر الرابط التالي   http://blogger.com

2/ اضغط على زر تخطيط كما بصورة

3/ اظغط على ( اضافة اداة ) كما بصورة

4/ من الادوات اختر Html/Javascript لاضافتها كما في الصورة

5/ ستفتح لك الصفحة التالية

 

 

6 / قم بنسخ الكود التالي ولصقه في خانة كتابة الكود

 

<!-- floating  -->
<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>
<!-- floating -->

7/ ثم اضغط على حفظ

8 / قم بنقل الادات من الجانب الى اسفل التدوينة كما ترى في الصورة 

9 /الان من اهم الخطوات لظهور الازرار اظغط على تحرير في رسائل المدونة

10 / ثم ازل علامة الصح من ازرار المشاركة كما بصورة

11 / احفظ التعديلات وقد انتهينا من الموضوع 

ارجو من الذين سينقلون هذه المقالة ذكر المصدر