إضافة التقييمات بشكل نجوم ولايكات للموضوع

إضافة التقييمات بشكل نجوم ولايكات للموضوع

يوجد الآن مشاهدة التعليقات : 20

الموضوع

اقرأ ايضًا

التعليقات

عن الكاتب

تعليمات

جديد الإضافات هذه المرة مع إضافة مختلفة، متمثله في إضافة الإعجاب على شكل لايكات مثل فيسبوك و يوتوب وأيضا إضافة التقييمات للموضوع بشكل نجمات الإضافات تعمل بشكل جيد في حال تسائل أحدكم عند التقييم هل هو وهمي أم لا فالجواب هو لا يعني من كل تقييم يحتفظ به وأيضا يحسب عدد المقيمين وأتكلم عن الإضافة الخاصة بالنجمات
شرح طريقة التركيب
1. توجه لقالب >> تحرير
2. ابحث بإستعمال CTRL+F عن <data:post.body/>
3. ضع الكود التالي قبله أو بعده
* قد تجد الكود متكرر مرتيين الثاني هو المقصود


 
<span class='likebtn-wrapper' data-counter_zero_show='true' data-popup_enabled='false' data-show_copyright='false' data-show_like_label='false' data-style='transparent' data-tooltip_enabled='false'/><p class='likebtn-ar1web'>هل تريد المغادرة بدون ترك حتى تقييم على التدوينة ! </p>
<script async='async' src='https://googledrive.com/host/0B0LkZloPKBfWbDJiRmNsbGlXN0U' type='text/javascript'/>
4. ابحث عن  ]]></b:skin> ثم ضع الكود التالي فوقه
.likebtn-wrapper {
float: right;
padding: 14px 28px 15px;
border: 1px solid #eee;
border-radius: 0 3px 3px 0;
border-left: none;
}
.likebtn-ar1web{
padding: 20px 28px 15px;
border: 1px solid #eee;
border-radius: 0 3px 3px 0;

}


1. ابحث عن <head/> ثم ضع الكود التالي فوقه
<link type="text/css" rel="stylesheet" href="http://static.graddit.com/css/graddit.css" />
2. ابحث عن <data:post.body/> ثم ضع الكود التالي بعده
* قد تجد الكود متكرر مرتيين الثاني هو المقصود
<b:if cond='data:blog.pageType != &quot;static_page&quot;'><div expr:id='&quot;labels_&quot; + data:post.id' style='display: none; visibility: hidden;'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/>,</b:loop></b:if></div>تقييم الموضوع: <div class='ffbs_rate' expr:id='data:post.id'>{[[&#39;&lt;img src=&quot;http://static.graddit.com/img/star.png&quot;/&gt;&#39;]]}</div><div class='ffbs_stats' expr:id='&quot;ffbs_stats_&quot; + data:post.id'/><script expr:src='&quot;http://www.graddit.com/rate/eng/5/&quot; + data:post.id + &quot;?id=&quot; + data:post.id + &quot;&amp;stats=ffbs_stats_&quot; + data:post.id + &quot;&amp;labels=labels_&quot; + data:post.id + &quot;&amp;info=info-&quot; + data:post.id + &quot;&amp;info_delay=2&amp;url=&quot; + data:post.url + &quot;&amp;class_star=ffbs_star_img&amp;class_star_set=ffbs_star_img_set&amp;class_star_vote=ffbs_star_img_vote&amp;views=yes&amp;votes=yes&amp;average=yes&quot;' type='text/javascript'/></b:if>
ملحوظة:

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لإضافة كود حوله أولاً بمحول الأكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة
5😊😉😀😁😎😍😜😑😇💖😯😱😭👍❓🍻

هناك 20 تعليقًا:

  1. شكراً لكم لإستجابتكم لطلباتي :)

    ردحذف
  2. أخي الغالي أسف لأني أكثر من طلباتي :(

    لكن هل من الممكن شرح إضافة أداة تحوي موضوع مثل أداة تجربة الإسبوع داخل قالب المعاينة ( تجربة الأداة )

    هل يمكنني عرض موضوع مثل عرض تجربة الإسبوع قد أعجبتني اداة العرض :)

    شكراً لكم

    ردحذف
    الردود
    1. إنشاء الله في التدوينات القادمة سأعرضها

      حذف
    2. أكون من الشاكرين لك :)

      حذف
  3. اخي هناك العديد من

    ايهما سا ختار

    ردحذف
    الردود
    1. هناك فقط الإضافة الخاصة بالنجوم والليكات يمكنك إستعمالهم بإثنين

      حذف
  4. لا يظهر عندي

    ردحذف
  5. احمد الامام3/12/2015

    اخى حسام هناك خطا فى هذا الكود

    .likebtn-wrapper {

    float: right;

    padding: 14px 28px 15px;

    border: 1px solid #eee;

    border-radius: 0 3px 3px 0;

    border-left: none;

    }

    يجب انت تضع بدل float: right; تضع float:left;

    وشكرا على الاضافة

    ردحذف
  6. Ahmed Elemam3/12/2015

    اخى حسام هناك خطا فى هذا الكود

    .likebtn-wrapper {

    float: right;

    padding: 14px 28px 15px;

    border: 1px solid #eee;

    border-radius: 0 3px 3px 0;

    border-left: none;

    }

    يجب انت تضع بدل float: right; تضع float:left;

    وشكرا على الاضافة

    ردحذف
  7. ليس به خطأ ذلك لتغيير المكان فحسب، وحسب العربية فتضع "يمين"، على العموم شكراً لك

    ردحذف
  8. غير معرف10/01/2015

    يا اخي انت في القمة واصل ارجوك فأمثالك يستحقون الدعم والتشجيع انا اعدك انك ستنجح فقط لو استعملت قليل من روابط ربحية فأنت تستحق قليل من الدعم مقابل مجهوداتك وأضن الاخوة يشاركونى الرأي...فقط قصدي ان كان هناك دعم مادي لهذه المدونة سنرى امواضيع نادرة واضافات حصرية ...شكرا

    ردحذف
    الردود
    1. شكرا لك اخي بمرورك فقد دعمتني كثيرا والموقع أما عن الربح من الروابط فأريد أن أترك المدونة خالية منها مجددا اشكرك ومرحبا بك في أي وقت

      حذف
  9. غير معرف10/01/2015

    وبالمناسبة الاضافة روعة كنت ابحث عنها كثيرا شكرا وللعلم الاضافة بدون اية مشاكل ....عسل

    ردحذف
  10. لو سمحت اخي ممكن اضافة زي دي بس تظهر تحت الموضوع في محرك البحث في الانتظار

    ردحذف
  11. لو سمحت اتنتا منتش معبرنا ليه ولا علشان احنا متبعينك انا ببعتلك رد وانتا بتوافق عليه ومش بترد

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

      حذف
  12. سلام عليكم شكرا علي الموضوغ و علي الاضافة الرائعة بحثت عنها كثيرا
    www.wazifa.club

    ردحذف
  13. الاكواد لا تعمل وجربتهم الاثنين ولم يعملو، لدي قالب bmag معرب ولم تتم الطريقة بنجاح

    ردحذف

عن الكاتب :

إرشادات

    تحميل الملفات

    نستخدم بمدونتنا مواقع مختلفة في رفع الملفات ونوفر منها إثنان:
  • موقع : Mediafire
  • موقع :file-upload
  • باسوورد فك الضغط للملفات المضغوطة : Ar1web2014
  • تجدون روابط التحميل في القوالب والملحقات بجانب التدوينة أي بالسيدبار
  • كل ملحق أو قالب يوجد بالمدونة هو للإستعمال الشخصي فقط
  • إن تواجد رابط معطوب فالمرجو التبليغ عنه هنا، شكرا.
  • أين تجدنا؟

    بعيدا عن الصفحات المزورة أو المزيفة التي يحاول البعض من خلالها استغلال جهود فريق عمل عرب ويب، هذه هي حساباتنا وصفحاتنا الرسمية في الشبكات الاجتماعية، لا نمتلك سوى هذه الصفحات والحسابات وهي الوحيدة التي تتبع للمدونة : https://www.instagram.com/ar1web

    كلمة الختام

    في مدونة عرب ويب نسعى دوما جاهدين للتحسن والتقدم وليس ما تراه هو حدودنا! ونحن نقدر كثيرا زوارنا وآراؤهم فإن كان لديك أي اقتراح/نصيحة/ومضة مفيدة/نقد بناء أو ما إلى ذلك يمكنك مشاركتنا كل ما في جعبتك من خلال الإتصال بنا : istoretech3@gmail.com
أخر تعديل كان في يوم السبت 20 يونيو من سنة 2020 ، هذه الصفحة قابلة للتعديل وقت اللزوم