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

1- من لوحة التحكم >> قالب >> تحرير HTML

2- خذ نسخة احتياطية لقالب المدونة قبل اجراء اي تغير

3- قم بالبحث عن الكود التالي بالاستعانة بلوحة التحكم (CTRL+F)

4- قم بالبحث عن الكود ]]></b:skin> واضف فوقه مباشراً الكود التالي

 #share-button{overflow:hidden}

#share-button p{float:right;display:block;padding:5px 8px!important;margin:0 0 3px 3px;border-radius:6px 6px;border:1px solid #fff}
#share-button a{float:right;display:block;color:#fafafa;padding:5px 8px;margin:0 3px 3px;border:1px solid #fff}
#share-button a:hover{top:1px;right:1px;box-shadow:0 0 3px rgba(1,1,1,.1)}
.share {border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-size:17px;padding:10px 0 8px 0;margin-top:25px;position:relative}

5- ابحث عن :  <div class='post-footer'> او <div class='post-footer-line post-footer-line-1'>

6- ضع الكود التالي فوقه مباشرة

 <div class='share'>
<span style='float:right;margin-top: 5px;'>
<b>
: بضغطة زر تشارك الفائدة وتدعم المدونة
</b>
</span>
<div id='share-button'>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:blog.url' onclick='window.open(this.href,"popupwindow","status=0,height=500,width=500,resizable=0,top=50,left=100");return false;' rel='nofollow' style='background:#3b5998;' target='_blank' title='Facebook'>Facebook</a><a expr:href='"https://plus.google.com/share?url=" + data:blog.url' onclick='window.open(this.href,"popupwindow","status=0,height=500,width=500,resizable=0,top=50,left=100");return false;' rel='nofollow' style='background:#c0361a;' target='_blank' title='Google+'>Google+</a><a expr:href='"http://www.blogger.com/share-post.g?blogID=" + data:blog.blogId + "&postID="+ data:post.id + "&target=twitter"' onclick='window.open(this.href,"popupwindow","status=0,height=500,width=500,resizable=0,top=50,left=100");return false;' rel='nofollow' style='background:#4099ff;' target='_blank' title='Twitter'>Twitter</a></div>
</div>

تم اضغط حفض و مبروك

رجائا اذا اعجبك الموضوع ساعذنا في نشره