اضافة ازرار المواقع الاجتماعي اسفل التدوينة

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

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>

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

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