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






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


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

  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='&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>
اخيراً اضغط على حفظ ومبروك عليك الاضافة

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



كود اضافة ازرار المشاركة اسفل الموضوع لمدونات بلوجر كود اضافة ازرار المشاركة اسفل الموضوع لمدونات بلوجر بواسطة walid al Bana on 12:25:00 ص القسم: 5

ليست هناك تعليقات :

يتم التشغيل بواسطة Blogger.