طريقة تركيب اضافة ازرار المشاركة اسفل الموضوع في مدونتك :
- من لوحة التحكم >> قالب >> تحرير HTML
- خذ نسخة احتياطية لقالب المدونة قبل اجراء اي تغير
- قم بالبحث عن الكود التالي بالاستعانة بلوحة التحكم (CTRL+F)
- قم بالبحث عن الكود ]]></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='"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>
اخيراً اضغط على حفظ ومبروك عليك الاضافة
اذا اعجبك الموضوع لاتبخل علينا بتعليق بسيط
Commentaires
Enregistrer un commentaire