الزيارات: اضافة ازرار المشاركة اسفل الموضوع

السلام عليكم ورحمة الله تعالى وبركاته

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

طريقة التركيب
1- لوحة التحكم
2- قالب
3- تحرير HTML
4- خذ نسخة احتياطية لقالب المدونة قبل اجراء اي تغير
5- قم بالبحث عن الكود التالي بالإستعمال (CTRL+F)

]]></b:skin> 

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

#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}

7- ابحث عن : <div class='post-footer'> او <div class='post-footer-line post-footer-line-1'>
8- ضع الكود التالي فوقه مباشرة

 <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> 

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

قسم : إضافات البلوجر

بقلـــــــم شبكة عـدناني

شبكة عدناني فيها الكثير والكثير من اطيب الكلام و أجمل القصص و أروع المواضيع، نعمل جادين لتقديم ما يفيد ، ستجدون في صفحتنا خيرا كثيرا إن شاء الله : ﴿إن اصبنا فمن الله و ان اخطأنا فمن انفسنا ومن الشيطان﴾