BLANTERTOKOSIDEv102
6217215329334371520

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


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

 ما هي أداة تصنيف النجوم ؟

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

 مميزات أداة التقييم بالنجوم تلقائيا :

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

 كيفية إنشاء أداة تقييم النجوم تلقائيًا :

أولاً سجل الدخول إلى حساب Blogger الخاص بك ⇦ انتقل إلى المظهر ⇦ تعديل HTML .
  بعدها ابحث عن الوسم ]]></b:skin> وضع الكود التالي فوقه مباشرة.

     /* star rating tool from TI9NIYA ARABEC */

.articleRating{position:relative;display:block;max-width:400px;margin:50px 0 30px 0;padding:15px;border:1px solid #767676;font-size:14px;line-height:1.8em;border-radius:10px} .articleRating b{position:absolute;font-size:13px;font-weight:400;margin:0;padding:2px 14px;background-color:#fffdfc;color:inherit;border:1px solid #767676;border-radius:15px;top:-15.5px;right:20px} .articleRating p{margin:15px 0 0 0} .drkM .articleRating b, .darkMode .articleRating b{background-color:#1e1e1e} .drkM .articleRating, .drkM .articleRating b, .darkMode .articleRating, .darkMode .articleRating b{border-color:#989b9f}

الآن ابحث عن هذا الوسم <data:post.body/> والصق كود html التالي أسفله.

     <b:if cond='data:view.isPost and data:post.labels none (label =&gt; label.name in [&quot;Sponsored&quot; , &quot;Advertorial&quot;])'>

<div class='articleRating'><b:if cond='data:post.labels none (label =&gt; label.name in [&quot;Product&quot; , &quot;Label_1&quot;])'><b>تقيمات المنشور</b></b:if><b:if cond='data:post.labels any (label =&gt; label.name in [&quot;Product&quot; , &quot;Label_1&quot;])'><b>ما رأيك بالمقالة ؟</b></b:if><p id='wpac-rating'/></div></b:if>

ملاحظة: قد تجد الوسم <data:post.body/> مكرر أكثر من وذالك حسب القالب المستعمل، في الغالب سيكون الوسم المطلوب هو الثاني أو الثالت، قم بتجربتهم حتى تجد الوسم الصحيح.

واخيرا ابحث عن الوسم </body> يكون في نهاية أكواد القالب غالبا، قم بوضع الكود التالي فوقه.

      <b:if cond='data:view.isPost'>
<script type='text/javascript'> wpac_init=window.wpac_init||[],wpac_init.push({widget:&#39;Rating&#39;,id:30936}),function(){if(!(&#39;WIDGETPACK_LOADED&#39;in window)){WIDGETPACK_LOADED=!0;var t=document.createElement(&#39;script&#39;);t.type=&#39;text/javascript&#39;,t.async=!0,t.src=&#39;https://embed.widgetpack.com/widget.js&#39;;var e=document.getElementsByTagName(&#39;script&#39;)[0];e.parentNode.insertBefore(t,e.nextSibling)}}(); </script>
</b:if>
 بعد أن قمت بهذه الخطوات يمكنك حفظ المظهر وتجربة الأداة اذا كانت تعمل.

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

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