اضافة ازرار المشاركة اسفل الموضوع لمدونات بلوجر

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

طريقة تركيب اضافة ازرار المشاركة اسفل الموضوع في مدونتك

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

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

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

4- قم بالبحث عن الكود ]]>

 واضف فوقه مباشراً الكود التالي

 #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- ابحث عن : 

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 + "&amp;postID="+ data:post.id + "&amp;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> 

اخيراً اضغط على حفظ ومبروك عليك الاضافة

اذا اعجبك الموضوع لاتبخل علينا بتعليق بسيط

دمتم برعاية الله وحفظه

• غرد تغريدة
• شاركه
• شاركه
• شاركه
• شاركه

إشترك بالنشرة البريدية