مدونة حاتم برو مدونة حاتم برو

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

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


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

  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;width: 27%;border-radius: 8px;text-align: center;}

#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>
<a href='http://01ne.blogspot.com/2014/11/share-widget.html' style='display:none;'></a>
<a href='http://01ne.blogspot.com/' style='display:none;'>01ne-blogger</a>
<div id='share-button'>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=500,resizable=0,top=50,left=100&quot;);return false;' rel='nofollow' style='background:#3b5998;' target='_blank' title='Facebook'>Facebook</a>
<a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:blog.url' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=500,resizable=0,top=50,left=100&quot;);return false;' rel='nofollow' style='background:#c0361a;' target='_blank' title='Google+'>Google+</a>
<a expr:href='&quot;http://www.blogger.com/share-post.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot;+ data:post.id + &quot;&amp;amp;target=twitter&quot;' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=500,resizable=0,top=50,left=100&quot;);return false;' rel='nofollow' style='background:#4099ff;' target='_blank' title='Twitter'>Twitter</a>
</div>
</div>


اخيراً اضغط على حفظ ومبروك عليك الاضافة
اذا اعجبك الموضوع لاتبخل علينا بتعليق بسيط

التعليقات



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

إتصل بنا

جميع الحقوق محفوظة

مدونة حاتم برو

2016